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

background- color : selected item

3 Answers 21 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Loyal User
Top achievements
Rank 1
Loyal User asked on 23 Jul 2014, 09:42 AM
hi,

how to set a background color for selected item only,
i tried with multiple codes but the original background-image didn't be override.

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 23 Jul 2014, 11:34 AM
Hi,

Try the below CSS which works fine at my end.

CSS:
.RadMenu_Default a.rmSelected
{
    background-color: Red !important;
}
.RadMenu_Default .rmGroup a.rmSelected .rmText
{
    background-image: none !important;
    background-color: Red !important;
}

Thanks,
Princy.
0
Loyal User
Top achievements
Rank 1
answered on 23 Jul 2014, 11:52 AM
it doesn't work , the radmenu.png background-image still exists
0
Princy
Top achievements
Rank 1
answered on 24 Jul 2014, 04:28 AM
Hi,

Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code snippet which works fine at my end.

ASPX:
<telerik:RadMenu ID="rmenuDemo" runat="server" ClickToOpen="true">
    <Items>
        <telerik:RadMenuItem Text="Item1">
            <Items>
                <telerik:RadMenuItem Text="Item1.1">
                </telerik:RadMenuItem>
            </Items>
        </telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Item2">
        </telerik:RadMenuItem>
    </Items>
</telerik:RadMenu>

CSS:
.RadMenu_Default a.rmSelected
{
    background-color: Red !important;
}
.RadMenu_Default .rmGroup a.rmSelected .rmText
{
    background-image: none !important;
    background-color: Red !important;
}

Thanks,
Princy.
Tags
Menu
Asked by
Loyal User
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Loyal User
Top achievements
Rank 1
Share this question
or