Custom color for radmenu

3 posts, 0 answers
  1. Soumya
    Soumya avatar
    108 posts
    Member since:
    Jul 2012

    Posted 06 Nov 2012 Link to this post

    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. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 06 Nov 2012 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Soumya
    Soumya avatar
    108 posts
    Member since:
    Jul 2012

    Posted 07 Nov 2012 Link to this post

    Thanks Princy .
Back to Top