p:selectOneMenu

Post Reply
peve
Posts: 4
Joined: 21 May 2015, 22:01

30 Jan 2018, 14:55

Hi,

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
Image

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" />
What I want is that the p:selectOneMenu has the same with as the p:inputText and to have it's label at the top, now the label and component is aligned on the sam "row"

/Per

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

09 Feb 2018, 12:08

Hi,
Can you please reattach the image?

Regards

User avatar
aragorn
Posts: 3215
Joined: 29 Jun 2013, 12:38

14 Sep 2018, 13:58

I think this issue is resolved.

Post Reply

Return to “Ronin”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest