Change the style of a single rich:menuItem

[molzb]

Hi!

I would like to change the style of a single menu item.

Let's say the menu item "Open" is black, "Delete" is red, "Close" is black.

<rich:dropDownMenu mode="ajax">
  <rich:menuItem label="Open" action="..." icon="/open.png"/>
  <!-- The following menu item should be red, but is not -->
  <rich:menuItem label="Delete" action="..." icon="/del.png" styleClass="red"/>
  <rich:menuItem label="Close" action="..." icon="/close.png"/>
</rich:dropDownMenu>

How can I change the color of the menu item "Delete" to red

(without using Javascript)?

Well, in Javascript it would be something like

jQuery('#frmMenu\\:itmEmergency span.rf-ddm-itm-lbl').css('color', 'red');

but I guess, I can do it more elegantly.

Thanks,

Bernd

[healeyb]

Here's an inline css version or just put the css in a stylesheet:

<style>

  .redMenuItem .rf-ddm-itm-lbl {

      color: red;

   }

</style>

...

<rich:menuItem styleClass="redMenuItem" ...

But as you point out styleSheet and style don't work in the expected way even with !important, would you be able

to log an issue here: https://issues.jboss.org/browse/RF ?

Regards,

Brendan.

[molzb]

Thanks, it works that way. I'm gonna post an issue in JIRA later.

Regards,

Bernd