I've just purchase Ultima (3.1.1) and I tried to add 'p-float-label' to the FormLayoutDemo.vu, but it doesn't work, however it does work in FloatLabelDemo.vue.
This is what I added to the first input:
<div class="p-field p-float-label">
<label for="name1">Name</label>
<InputText id="name1" type="text" />
</div>
Is there something I'm missing here?
Can't get p-float-label to work
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
It's completely about designing CSS. 'label' tag should come after components. This works:
Code: Select all
<div class="p-field p-float-label">
<InputText id="name1" type="text" />
<label for="name1">Name</label>
</div>
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Please add InputText v-model props. For example:
Code: Select all
<div class="p-inputgroup">
<span class="p-inputgroup-addon">
<i class="pi pi-envelope"></i>
</span>
<span class="p-float-label">
<InputText type="text" id="email" v-model="value1" />
<label for="email">Email</label>
</span>
</div>
-
- Information
-
Who is online
Users browsing this forum: No registered users and 6 guests