selectOneMenu style in PrimeFaces

primefaces selectonemenu
Telson Alva picture Telson Alva · Jul 31, 2013 · Viewed 11.7k times · Source

I have been struggling to make adjustments in the fonts size and adjustment i the selectOneMenu, but i have come to peace with it, however after upgrading PrimeFaces from 3.2 to 3.4.2, the selectOneMenu has a gap prefixed to it, which is very annoying.

PrimeFaces 3.2 selectOneMenu

PrimeFaces 3.2 selectOneMenu

PrimeFaces 3.4.2 selectOneMenu

PrimeFaces 3.4.2 selectOneMenu

Code

<p:selectOneMenu id="Category" value="#{databaseSearch.category}" style=" font-size: 35px; height: 20px; width: 80px;">

                                        <f:selectItem itemLabel="Machine" itemValue="Machine"/>
                                        <f:selectItem itemLabel="Company" itemValue="Company"/>
                                        <f:selectItem itemLabel="Contact" itemValue="Contact"/>
                                        <f:selectItem itemLabel="Phone" itemValue="Phone"/>
                                        <f:selectItem itemLabel="Email" itemValue="Email"/>

                                    </p:selectOneMenu>

What do i do ? :(

Answer

Mathew Rock picture Mathew Rock · Aug 2, 2013

You need overrided this css .ui-selectonemenu .ui-selectonemenu-label

Related questions

Using a "Please select" f:selectItem with null/empty value inside a p:selectOneMenu

I'm populating a <p:selectOneMenu/> from database as follows. <p:selectOneMenu id="cmbCountry" value="#{bean.country}" required="true" converter="#{countryConverter}"> <f:selectItem itemLabel="Select" itemValue="#{null}"/> <f:selectItems var="country" value="#{bean.countries}" …

Read More
selecting item from primeface's selectOneMenu not working

I'm having problem with getting the selected item from a selectOneMenu.Here is my JSF code: <h:form id="mainfrm"> <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5"> <h:outputText value="Basic Usage: " /> <p:…

Read More
p:selectOneMenu does not set value in bean

Quick question. This hasn't happened to me before when working with SelectOneMenu. This is my code. <h:outputLabel for="listaRegiones" value="Región: " /> <p:selectOneMenu id="listaRegiones" value="#{nuevaProvincia.regionSelect}" required="true"> <f:selectItems value="#{…

Read More