Primeng: Floating labels for Inputs

Created on 10 Jul 2017  路  5Comments  路  Source: primefaces/primeng

Hi,

I am using dropdown list and when a user select an item the placeholder isn't more visible. I created a topic at the forum (https://forum.primefaces.org/viewtopic.php?f=35&t=51604) and we decided that is good to have this feature for dropdown element (maybe for more other elements), it gives the user a better experience.

new feature

Most helpful comment

@cagataycivici How does it work for dropdown with ultima theme?
I tried with
<span class="md-inputfield">
and
<span class="ui-float-label">
but it does not work.

All 5 comments

We have this covered in themes such as Ultima or Barcelona but can do it for core as well.

@cagataycivici Does this also work for dropdowns now?

@cagataycivici How does it work for dropdown with ultima theme?
I tried with
<span class="md-inputfield">
and
<span class="ui-float-label">
but it does not work.

I don't know about dropdowns, but I seem to be able to get things "working" with p-autoComplete, by doing the following:
<span class="md-inputfield"><p-autoComplete id="products"><ng-template><!--Some code here--></ng-template></p-autoComplete><label for="products">Product</label></span>

By "working", I refer to this issue: https://github.com/primefaces/primeng/issues/4145

Doesn't work with drop downs

Was this page helpful?
0 / 5 - 0 ratings