This is a migrated thread and some comments may be shown as answers.

How do you set the RadMenu selected color?

4 Answers 174 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 07 Aug 2013, 09:29 AM
Greetings

This is a really easy one to answer.

I'm using the RadMenu with the metro skin. It's all looking great but I want to change the selected menu item's background color.

Currently the background changes to blue and the text to white when a menu item is clicked. I have tried to override this with:

.RadMenu_Metro .rmItem a::selection
{
    background-color: #239300 !important;
}

But no luck. It's a tricky one to catch using the web browser developer tools as it changes on the click event.

Thanks in advance,
Matt

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 07 Aug 2013, 12:24 PM
Hi Matt,

Try overriding the default CSS as follows.

CSS:
<style type="text/css">
    .RadMenu_Metro .rmSelected
    {
        background-color: Green !important;
    }
</style>

Thanks,
Shinu.
0
Matt
Top achievements
Rank 1
answered on 07 Aug 2013, 03:05 PM
Sorry, that did not achieve the effect I was after. 

It's the sub menu items that I want to change (I might not have explained that clearly)

I hope the attached shows what I am trying to change.

Matt
0
Accepted
Kate
Telerik team
answered on 08 Aug 2013, 01:06 PM
Hi Matt,

In order to alter the background color of the selected child items of the RadMenu you can use the following css class selector:
div.RadMenu_Metro .rmGroup .rmFocused,
       div.RadMenu_Metro .rmGroup .rmFocused:hover,
       div.RadMenu_Metro .rmGroup .rmSelected,
       div.RadMenu_Metro .rmGroup .rmSelected:hover,
       div.RadMenu_Metro .rmGroup .rmExpanded,
       div.RadMenu_Metro .rmGroup .rmExpanded:hover {
           background-color: red;
       }

Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Matt
Top achievements
Rank 1
answered on 08 Aug 2013, 02:20 PM
Beautiful. I knew it would be easy.
Thank you.
Matt
Tags
Menu
Asked by
Matt
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Matt
Top achievements
Rank 1
Kate
Telerik team
Share this question
or