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

Submenu different css style

2 Answers 116 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Tajes
Top achievements
Rank 1
Tajes asked on 03 Feb 2011, 04:03 PM
Hello,
   I want a menu with diffent style for root menu and submenus. I'm using CssClass property of RadMenu for the root menu style, and I'm using CssClas property of RadMenuItem for the submenus style. But when I run the application the styles appear interchanged, the root menu with the submenu style, and the submenu with the root menu style.
Can anybody help me?

thanks in advance.

2 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 04 Feb 2011, 06:51 AM
Hello Ivan,

You can easily set different style to the RootItem and the childItem by overriding the default CSS selectors. Here is a sample CSS:
CSS:
.rmRootGroup     <%--  Applied to the first level item container (root item group).--%>
{
    background-image:none !important;
    background-color:Green !important;
}
.rmGroup              <%--   Applied to each item container except the root level one.--%>
{
    background-image:none !important;
    background-color:red !important;   
}

You can find more on CSS Skin File Selectors from here.

Thanks,
Shinu.
0
Tajes
Top achievements
Rank 1
answered on 04 Feb 2011, 11:36 AM
Thank you so much Shinu!
Tags
Menu
Asked by
Tajes
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Tajes
Top achievements
Rank 1
Share this question
or