RadMenu Backcolor

[Missing User]

I've just read a thread on how to change the back color of a menu item in a Windows app but how do you do it in a Web application?

If I select the control in the designer I just get Edit Templates or Edit Items and the Skin is set to default.

I can alter the items okay I just can't alter the background color of the actual bar itself.  It always ends up being the dark silvery color!

[Shinu]

Hi Brent,

I guess you need to change the background-color of the RadMenu Item. Please override the default CSS as follows.

CSS:

<style type="text/css">
    .RadMenu .rmText
    {
        background-color: Yellow !important;
    }
</style>

Thanks,
Shinu.

[Missing User]

oh no that is way too easy.

What I want to change is the actual background that the items sit on.

That lovely silvery-gray bar on the attached png, that's what I want to change and at the moment the only way I can find to change it is by choosing a skin!

[Boyan Dimitrov]

Hello,

Since the background color of the RadMenu control is loaded from a sprite image that comes with our resource file, I would suggest to using the following workaround:
//css

<style type="text/css">
        html .RadMenu .rmRootGroup {
            background-image: none;
        }

        html .RadMenu ul.rmRootGroup {
            background-color: yellow;
        }
    </style>

The code snippet above will stop loading the default image for your RadMenu background color and will override it with a yellow color.

Kind regards,
Boyan Dimitrov
the Telerik team

[Missing User]

That's the one...and actually I had a look at the source code in the browser and it all became obvious.

Much appreciated.  Good choice of color though...I like yellow!