p:selectOneMenu drop down panel width

[tlteoh]

Hi,

Anyone has any idea how can i make the p:selectOneMenu drop down panel longer than the width of the p:selectOneMenu? I had tried

.ui-selectonemenu-panel .ui-selectonemenu-list {
width:700px;
}

but no effect.

Thank,
Teoh

[bercolax]

Try specifying values in the style attribute like

Code: Select all

style="height:400px;width:600px"

[tlteoh]

Maybe you misunderstood my problem. When click on the p:selectOneMenu, where will be a drop down panel right? I want to set the drop down panel width, not the p:selectOneMenu width.

For example look at latest showcase http://www.primefaces.org/showcase-labs ... neMenu.jsf

Under the custom content, when you click on it, the width for the drop down panel is difference than the width of the p:selectOneMenu.

I 'm trying to find the latest showcase and wanted to review the css code but can't get the latest showcase download.

Thanks,
Teoh

[ndipiazza]

I had great luck using:

Code: Select all

.ui-selectonemenu-panel {
	width:150px
}

[sonnix]

I am having a problem. The values in my dropdown select Items list box get displayed horizontally. How can i display them vertically just like in any dropdown list?

[sudheer]

Rule no:7 from the forum rules viewtopic.php?f=3&t=1194. What do you mean by horizontal and vertical? Do you see horizontal scroll for large items.

[kukeltje]

and rule 5, 6 and 9

[ani.coder]

i am not able to set height and width of SelectOneMenu...

Primefaces 3.5, JSF 2.0, Tomcat 7

[kukeltje]

cool, please read the forum posting rules...

[cfleenor]

Hi,

Anyone has any idea how can i make the p:selectOneMenu drop down panel longer than the width of the p:selectOneMenu? I had tried

.ui-selectonemenu-panel .ui-selectonemenu-list {
width:700px;
}

but no effect.

Thank,
Teoh

Use the property panelStyle for direct CSS styling, or panelStyleClass for applying a CSS styling class.