SelectOneMenu Alignment not displaying properly

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
ayojava
Posts: 1
Joined: 05 Jun 2018, 09:15

23 Aug 2020, 15:27

Attached are 2 images showing issues with <p:selectOneMenu> on display and when validation fails .
https://photos.app.goo.gl/apuyDNJW1NjsnfGt5

Code: Select all

<div class="card">
<h5>New Residential Unit</h5>
<div class="p-field p-grid">
                    <p:outputLabel for="zone" styleClass="p-col-12 p-mb-2 p-md-2 p-mb-md-0">Zone</p:outputLabel>

                    <div class="p-col-12 p-md-10">
                        <p:selectOneMenu id="zone" required="true"
                                         value="#{residentialUnitPageBean.newResidentialUnitVO.zone}"
                                         converter="omnifaces.SelectItemsConverter">
                            <f:selectItem itemLabel="Select Zone" itemValue="#{null}" noSelectionOption="true" />
                            <f:selectItems value="#{dbSelectOptionBean.zoneList}"/>
                        </p:selectOneMenu>
                        <p:message for="zone" display="icon"  />
                    </div>
                </div>
                </div>

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

26 Aug 2020, 13:40

Could you please try the following css?

Code: Select all

//css
body .ui-selectonemenu {
    vertical-align: top;
}

//xhtml
           <div class="card">
                    <h5>New Residential Unit</h5>
                    <div class="p-field p-grid">
                        <p:outputLabel for="zone" styleClass="p-col-12 p-mb-2 p-md-2 p-mb-md-0">Zone</p:outputLabel>

                        <div class="p-col-12 p-md-10">
                            <p:selectOneMenu id="zone" required="true" style="min-width: 120px;">
                                <f:selectItem itemLabel="Select Zone" itemValue="#{null}" noSelectionOption="true" />
                            </p:selectOneMenu>
                            <p:message for="zone" display="icon" />
                        </div>
                    </div>
                </div>

Post Reply

Return to “Diamond - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests