Hello I would like to customize the colour (CSS) of a status bar in Odoo
How can I custom the widget status bar only for a specific view?
<field name="state" data-name="custom_statusbar" widget="statusbar" statusbar_visible=""/>
Related
How can I still show the Angular Material Autocomplete menu even if the input is not in focus? Are there any arguments to fill in? Or is it possible in TS or even in CSS?
Just set autofocus attribute on your input, this will trigger your menu on your component initialization
<input autofocus [matAutocomplete]="myAutoComplete">
<mat-autocomplete #auto="matAutocomplete">
...
</mat-autocomplete>
Or if you want to do it programmatically from your component class file, you can use #ViewChild to query the MatAutocompleteTrigger, and use its openPanel(), like this
#ViewChild(MatAutocompleteTrigger)
autocomplete!: MatAutocompleteTrigger;
And in your function call
this.autocomplete.openPanel();
<p-dropdown [options]="orders" [filter]="true" filterBy="value" [virtualScroll]="true" optionLabel="label" placeholder="0" optionValue="value" [itemSize]="10" ngModel name="orderQuantity"></p-dropdown>
Trying to filter with value, filtering is working, but this way i'm getting a search box inside the dropdown to do the searching. I need like a editable dropdown box, from there we can do the searching and choosing from dropdown. Is that possible through PrimeNg ?
I am using bootstrap theme to create views for my controller's actions. As I am using bootstrap theme it uses raw html code instead of #html tag helper methods so I want to stick with that. I am using asp-items attribute to populate my dropdownlist. here is my code
<div class="form-group">
<label class="control-label" asp-for="#Model.MembershipTypes" >MemberShip Type</label>
<select asp-for="#Model.Customer.MembershipTypeId" class ="form-control" asp-items="#(new SelectList(Model.MembershipTypes.Select(o=>o.name)))" ></select>
</div>
when I run the application dropdown list works as I want but the first option in list is empty
this is what I get as result how can I fix this using html attributes
Hi I want to create a custom textbox where it requires text place holder and help icon which should popover info
on typing input, the textbox should look as below.
I check bootstrap and primeng for builtin input box. didn't find any.
Note it should be responsive. Any help is much appreciated.
You can do it with ngx bootstrap and import only the tooltip module in your module.
https://valor-software.com/ngx-bootstrap/#/tooltip
import {TooltipModule} from 'ngx-bootstrap';
And you can add the icon using material icons. You have there the 'help' icon that looks exactly as in your example:
https://material.io/tools/icons/?style=outline
<mat-form-field>
<input matInput placeholder="Tracking number">
<mat-icon matSuffix tooltip="You can enter your...">help</mat-icon>
</mat-form-field>
You can have a look also in the angular documentation:
https://material.angular.io/components/input/examples
I use the IReport to create PDF file. I also use html component in IReport.
But same html element connot show like this
<input type ="checkbox"/>
The html element can show normally like this
<label> Hello Word</label>
How to show the checkbox-element by html component in iReport?