Page 1 of 1
"p:selectOneMenu" and Material Design Error
Posted: 11 Jan 2018, 06:20
by nattapor
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
Re: "p:selectOneMenu" and Material Design Error
Posted: 22 Jan 2018, 11:39
by kubrasulukan
Please try the code block that I wrote down
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>
css;
Code: Select all
.md-inputfield .ui-selectonemenu > label {
color: transparent;
}
.md-inputfield .ui-selectonemenu.ui-state-filled > label {
color: #212121;
}
These are look like ;
Best Regards