Can i use material design error message with <p:selectOneMenu> and other input components?
I try to use with <p:selectOneMenu>, but it display not correctly.Thank you.
https://imgur.com/1uuvHDf
https://imgur.com/pyQTOsw
"p:selectOneMenu" and Material Design Error
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: 87
- Joined: 10 Jan 2018, 16:04
Please try the code block that I wrote down
xhtml;
css;
These are look like ;
Best Regards
xhtml;
Code: Select all
<p:outputLabel for="mtext" value="Material Text Error:" />
<h:panelGroup styleClass="md-inputfield">
<p:selectOneMenu id="mtext" required="true" >
<f:selectItem itemLabel="Select One" itemValue="" />
<f:selectItem itemLabel="Xbox One" itemValue="Xbox One" />
<f:selectItem itemLabel="PS4" itemValue="PS4" />
<f:selectItem itemLabel="Wii U" itemValue="Wii U" />
</p:selectOneMenu>
<label>Select One</label>
<p:message for="mtext" display="text" />
</h:panelGroup>
Code: Select all
.md-inputfield .ui-selectonemenu > label {
color: transparent;
}
.md-inputfield .ui-selectonemenu.ui-state-filled > label {
color: #212121;
}
Best Regards
-
- Information
-
Who is online
Users browsing this forum: No registered users and 9 guests