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

Custom color for radmenu

2 Answers 109 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Soumya
Top achievements
Rank 1
Soumya asked on 06 Nov 2012, 05:44 PM
I am trying to give a custom color to the radmenu.
Radmenu is as below
<div class="qsf-demo-canvas" align="center">
        <telerik:RadMenu runat="server" ID="RadMenu1" EnableRoundedCorners
="true" OnItemClick="RadMenu1_ItemClick"
            EnableShadows="true" Width="100%">
            <Items>
  </Items>
        </telerik:RadMenu>

The stylesheet is as below:
.qsf-demo-canvas {
    width: 100%
     margin-top:100px;
    position:static;
}
 
.qsf-demo-canvas .RadMenu_Default .rmLink{
     color:White !important;
     background-color:#0099FF !important;
}
.qsf-demo-canvas .RadMenu_Default .rmRootGroup .MyItem {
    float: none;
    background-color:#0099FF !important;
     text-align:left;
}
I have 2 menu items in my radmenu.The color I give in the stylesheet applies only for the length of radmenu 
item,not till the full length of radmenu.
How can I have the custom color for the whole length of radmenu?

2 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 07 Nov 2012, 05:39 AM
Hi Soumya,

Try overriding the default css as follows to achieve your scenario.

CSS:
<style type="text/css" >
 .RadMenu ul.rmActive, .RadMenu ul.rmRootGroup
 {
   background-image:none!important
   background-color: #0099FF !important;
 }
</style>

Hope this helps.

Thanks,
Princy
0
Soumya
Top achievements
Rank 1
answered on 07 Nov 2012, 06:44 PM
Thanks Princy .
Tags
Menu
Asked by
Soumya
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Soumya
Top achievements
Rank 1
Share this question
or