Rich dropDownMenu using style: rich-menu-list-border

[klaus11]

Hi,

I am trying to get the opened menu of the dropDownMenu component in a state, that the underlaying selectboxes are not in select if I hover the menuitems of the dropDownMenu.

Direct under the rich dropDownMenu I have a selectBox.
Each time when I hover over my dropDownMenu, the menu is popuped below over the other selectBox. When I hover over the items of my dropDownMenu, the cursor gets the other selectBox selected, not the dropDownMenu.

Is there any possibility to get the visibility or the focus to the dropDownMenu?
I tried with the style rich-menu-list-border.

Thanks,
Klaus

Nachricht geändert durch Klaus Schuster

[ilya_shaikovsky]

sorry but seems can't get the idea.. checked that

• menu populated coorectly above the select elements
• hover and click on the menu causes expected actions.

[klaus11]

hmm. i have two items in the menu list. the first is shown correctly. the same when I hover over the item, but only the second seems to make some mistakes.

the SelectBox under the rich menu rop down menu is larger than the richface component.

Can you give me some css style tipps, to get the background focus to the rich menu menu ?

thanks in advance.

Klaus

[ilya_shaikovsky]

please show the sources.

[klaus11]

<

rich:dropDownMenu id="#{id}" disabled="#{disabled}" submitMode="none" direction="#{empty direction ? 'bottom-left' : direction}" jointPoint="auto"

showDelay="100" hideDelay="1000" styleClass="menu"

labelClass="menu" disabledItemClass="itemdisabled"

selectItemClass="itemselected"

rendered="#{(empty rendered or rendered)}"

>

<f:facet name="label">

<h:graphicImage value="/images/icon_normal.gif" />

</f:facet>

<

<

rich:menuItem id="#{id}" submitMode="#{empty submitMode ? 'server' : submitMode}" value="#{msg.aktivieren}" icon="#{icon}"

disabled="#{disabled}" immediate="true"

rendered="#{(empty rendered or rendered)}"

labelClass="functionitem" onselect="#{onclick}"

iconDisabled="true"

>

<f:param name="status" value="0" />

<f:setPropertyActionListener rendered="#{not empty actionPropertyValue}"

target="#{actionPropertyTarget}" value="#{actionPropertyValue}"

/>

</

rich:menuItem>

<rich:menuItem id="#{id}" submitMode="#{empty submitMode ? 'server' : submitMode}" value="#{msg.sperren}" icon="#{icon}"

disabled="#{disabled}" immediate="true"

rendered="#{(empty rendered or rendered)}"

labelClass="functionitem" onselect="#{onclick}"

iconDisabled="true"

>

<f:param name="status" value="1" />

<f:setPropertyActionListener rendered="#{not empty actionPropertyValue}"

target="#{actionPropertyTarget}" value="#{actionPropertyValue}"

/>

</

rich:menuItem>

</rich:dropDownMenu>

<

t:selectOneMenu id="......" >

       <

t:selectItems value="....".....

...

...

The FunctionItems look like transparent.
As mentioned before, I get the focus of the botton t:selectOneMenu if I hover over the menu..

Here are the used css code styles:

.menu

menu{

width: 98%;

border: 0px;

display: inline;

padding: 0px;

margin: 2px;

}

ite

itemdisabled{

background-color: #f9f300;

}

itemselected{

background-color: #6D6D6D;

font-size: 1.1em;

font-weight: bold;

}

functionitem

{

font-size: 1em;

}

Is there any thing left in my styles to disable the "transparent" style?

[klaus11]

ok, I have the solution:

I didn't declare a background-color for the style called "rich-menu-list-border"

[ilya_shaikovsky]

So, assuming that now works ok.