Colouring panelMenuItem

victoria122 Dec 5, 2007 7:30 AM

Hello everyone,

This is hopefully a simple question. I have a panelMenu with a couple of panelMenuItems. The default colour is white and when selected the only difference is the font changes to italic. I have overwritten the item selected:

.rich-pmenu-item-selected
{
 background-color: #E7C138;
}

But it looks awful... Is there a way to get the whole panelMenuItem to change to a chosen colour. At the moment only the bit after the icon and not quite all the way to the end is getting coloured. A really nice opetion would be to have the whole panelMenuItem have the same look as the default panelMenuGroup button, with the shade variance across the button. But I won't be fussy, just want a solid colour across the whole button to start with.

Thank you in advance

Victoria

1. Re: Colouring panelMenuItem

tedder Dec 12, 2007 2:12 PM (in response to victoria122)

This doesn't really answer your question, but here are the styles that I have found that are on the panel menu buttons. Maybe you could use this to adjust your display to your liking

.dr-pmenu-top-group {
margin-top: -1px;
margin-bottom: -1px;
}
.dr-pmenu-top-group-div {
margin-bottom: 0px;
padding: 0px;
padding-top: 0px;
border-spacing: 0px;
cell-spacing: 0px;
}
.dr-pmenu-group-div {
margin-bottom: 0px;
padding: 0px;
border-spacing: 0px;
cell-spacing: 0px;

}
.dr-pmenu-selected-item {
font-style: italic;
font-weight: bold;
}
.dr-pmenu-item {
color: #330066;
}
.rich-pmenu-item-label {
font-size: 10px;
}
Actions
2. Re: Colouring panelMenuItem

guarf Jun 5, 2008 8:14 PM (in response to victoria122)

I need the style for the whole group button, no one you have mentioned do what i need :)

I cant believe everybody use the same blue color !
Actions

Go to original post