Page 1 of 1
Float Label Dropdown
Posted: 10 Jul 2018, 04:36
by henriquepalato
Hello Friends,
Is there any way I can use the Float Label in a Dropdown?
Regards,
Henrique Palato
Re: Float Label Dropdown
Posted: 12 Jul 2018, 15:03
by merve7
Please use like this;
Code: Select all
<span class="ui-float-label">
<p-dropdown id="float-input" [autoDisplayFirst]="false" [options]="cities1" [(ngModel)]="selectedCity1" [autoWidth]="false"></p-dropdown>
<label for="float-input">Username</label>
</span>
and see autoDisplayFirst (Whether to display the first item as the label if no placeholder is defined and value is null.) definition in
https://www.primefaces.org/primeng/#/dropdown
Please, if you have, remove null value of option .
Re: Float Label Dropdown
Posted: 18 Jul 2018, 22:07
by henriquepalato
Thanks
Re: Float Label Dropdown
Posted: 04 May 2019, 17:33
by vishal4799
With floating label dropdown, how to unset dropdown value once user selected any value (mistakenly for optional dropdown)?
Re: Float Label Dropdown
Posted: 10 Oct 2020, 03:17
by mert.sincan
Hi,
Sorry for the delayed response. We have made some improvements in this regard. Please see our demo page;
https://primefaces.org/primeng/showcase/#/floatlabel
Best Regards,