Change Menu Item Color

[John]

I have a menu of requirements and I want to change the text or background color for requirements that are no longer current.

How can I do this in code behind?

[Kate]

Hi John,

Can you clarify if you need to change the background color of the child items or the root items of the RadMenu control?

Kind regards,
Kate
the Telerik team

[John]

The root items...

[Kate]

Hi John,

To change the background color of the menu root item you can use the following css class selector:

div.RadMenu_Default .rmRootGroup
       {
           background-color: red;
           background-position: 0 -458px;
           border: 0px solid #828282;
       }

Regards,
Kate
the Telerik team

[CaseNet]

Hi Kate,
How to dynamic background-color of mrRootGroup, mrItem?

[Vessy]

Hello,

Can you, please, elaborate on the exact dynamic background you want to achieve?

Basically, you can define a CSSClass for each menu item and set it a custom CSS style by cascading through it.

You can control the color of the nested rmItem elements in a similar way:

    <style>
        div.RadMenu_Default .rmRootGroup {
            background-color: red;
            background-position: 0 -458px;
            border: 0px solid #828282;
        }

        div.RadMenu_Default  .rmGroup .rmItem{
            background-color: green;
            background-position: 0 -458px;
            border: 0px solid #828282;
        }
    </style>