I'm having trouble making the design of the p:selectOneMenu match my page design (fullwidth)
My p:inputText elements are designed to use the full width of the page, but I don't know how to do that for the p:selectOneMenu
This is a screenshot of my page
If the image dont display, here is the link http://www.vedin.pp.se/photo/share/P6UY ... 652e706e67
Here is the code I use
Code: Select all
<p:outputLabel value="#{msg['view_bolido_|_ADDRESS_|_city']}" for="city" />
<p:inputText id="city" styleClass="Wid100" style="box-sizing:border-box"
placeholder="#{msg['view_bolido_|_ADDRESS_|_city']}"
value="#{companyAddressView.companyAddressVO.companyAddressCity}">
</p:inputText>
<p:message for="city" display="tooltip" />
<div class="EmptyBox10" />
<p:outputLabel value="#{msg['view_bolido_|_ADDRESS_|_country']}" for="countryCode" />
<p:selectOneMenu id="countryCode" value="#{companyAddressView.companyAddressVO.companyAddressCountryCode}" style="box-sizing:border-box">
<f:selectItem itemLabel="#{msg['view_bolido_|_COMMON_|_select']}" itemValue="" />
<f:selectItems value="#{companyAddressView.countriesVO.countries}" var="country" itemLabel="#{country.text}" itemValue="#{country.code}" />
</p:selectOneMenu>
<p:message for="countryCode" display="tooltip" />
/Per