"p:selectOneMenu" and Material Design Error

Post Reply
nattapor
Posts: 1
Joined: 20 Sep 2016, 12:15

11 Jan 2018, 06:20

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

kubrasulukan
Posts: 87
Joined: 10 Jan 2018, 16:04

22 Jan 2018, 11:39

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 ;
Image

Best Regards

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests