how to change the selected RadMenu background color

8 posts, 0 answers
  1. Alice Leong
    Alice Leong avatar
    17 posts
    Member since:
    Mar 2010

    Posted 21 May 2010 Link to this post

    Hi there,

    This is my first using on Telerik control and also the style builder.
    please refer to my attached image file, after I clicked/selected a menu from RadMenu control, the background became white color.
    May i know how to change this?
    i've searched through and played around the style builder, but the white background still there right after i clicked on it.
    please help.

    thanks.
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 26 May 2010 Link to this post

    Hi Alice,

    Can you send the broken skin along with any images? Thank you in advance.

    Best wishes,
    Kamen Bundev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Alice Leong
    Alice Leong avatar
    17 posts
    Member since:
    Mar 2010

    Posted 01 Jun 2010 Link to this post

    Hi Kamen,

    I'm trying to attach the MenuDefault.rar file.
    But it doesn't allow me to do so.

    I didn't use any image.
    All I did was removed the images and change the colors.

    Sorry for late reply.

    Thanks.
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 01 Jun 2010 Link to this post

    Hello Alice,

    You can only attach images in our forums. If you don't use any, you can just post the contents of your CSS as a formatted block.

    Best wishes,
    Kamen Bundev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  6. Alice Leong
    Alice Leong avatar
    17 posts
    Member since:
    Mar 2010

    Posted 01 Jun 2010 Link to this post

    Hi Kamen,

    Below is my RadMenu CSS code.

    /* <RadMenu / Telerik> */ 
     
    .RadMenu_MenuDefault .rmRootGroup, 
    .RadMenu_MenuDefault a.rmLink, 
    .RadMenu_MenuDefault .rmGroup .rmText, 
    .RadMenu_MenuDefault .rmLeftArrow, 
    .RadMenu_MenuDefault .rmRightArrow, 
    .RadMenu_MenuDefault .rmTopArrow, 
    .RadMenu_MenuDefault .rmBottomArrow 
        background-imageurl('Menu/rmSprite.png'); 
        background-colortransparent
     
    .RadMenu_MenuDefault .rmRootGroup 
        border1px solid #828282
        background-repeatrepeat-x; 
        background-position: 0 -408px
        background-color#e6e6e6
     
    /* <Root items> */ 
     
    .RadMenu_MenuDefault, 
    .RadMenu_MenuDefault a.rmLink 
        fontnormal 12px/23px "Segoe UI"Arialsans-serif
        color#000000
        text-decorationnone
     
    .RadMenu_MenuDefault a.rmLink, 
    .RadMenu_MenuDefault a.rmDisabled, 
    .RadMenu_MenuDefault a.rmDisabled:hover 
        background-position: 0 -72px
     
    .RadMenu_MenuDefault .rmFirst a.rmLink, 
    .RadMenu_MenuDefault .rmFirst a.rmLink:hover, 
    .RadMenu_MenuDefault .rmLast .rmText, 
    .RadMenu_MenuDefault .rmLast a.rmLink:hover .rmText, 
    .RadMenu_MenuDefault .rmVertical a.rmLink, 
    .RadMenu_MenuDefault .rmVertical .rmText 
        background-repeatno-repeat
        background-position: 0 500px
     
    .RadMenu_MenuDefault .rmVertical .rmFirst, 
    .RadMenu_MenuDefault .rmVertical .rmLast 
        backgroundnone
     
    .RadMenu_MenuDefault a.rmLink:hover, 
    .RadMenu_MenuDefault a.rmFocused, 
    .RadMenu_MenuDefault a.rmSelected 
        background-color#ffffff
     
    .RadMenu_MenuDefault .rmHorizontal .rmRootLink span.rmText 
        displayinline
        padding-left12px
     
    .RadMenu_MenuDefault .rmHorizontal a.rmRootLink 
     
        padding-left: 0; 
     
    .RadMenu_MenuDefault .rmHorizontal .rmItem > a.rmRootLink /* IE6 doesn't like width: 100% on its items. */ 
        width: 100%; 
     
    .RadMenu_MenuDefault .rmHorizontal img.rmLeftImage 
        margin4px -4px 0 6px
     
    .RadMenu_MenuDefault_rtl .rmHorizontal img.rmLeftImage 
        margin4px 6px 0 -4px
     
    .RadMenu_MenuDefault .rmVertical a.rmLink 
        padding-top1px
        padding-bottom1px
     
    .RadMenu_MenuDefault .rmVertical a.rmLink:hover, 
    .RadMenu_MenuDefault .rmVertical a.rmFocused, 
    .RadMenu_MenuDefault .rmVertical a.rmSelected, 
    .RadMenu_MenuDefault .rmVertical a.rmExpanded, 
    .RadMenu_MenuDefault .rmVertical a.rmExpanded:hover 
        padding-top: 0; 
        padding-bottom: 0; 
        border-stylesolid
        border-color#828282
        border-width1px 0; 
     
    .RadMenu_MenuDefault .rmVertical .rmFirst a.rmLink:hover, 
    .RadMenu_MenuDefault .rmVertical .rmFirst a.rmFocused, 
    .RadMenu_MenuDefault .rmVertical .rmFirst a.rmSelected, 
    .RadMenu_MenuDefault .rmVertical .rmFirst a.rmExpanded, 
    .RadMenu_MenuDefault .rmVertical .rmFirst a.rmExpanded:hover 
        padding-top1px
        padding-bottom: 0; 
        border-top-width: 0; 
     
    .RadMenu_MenuDefault .rmVertical .rmLast a.rmLink:hover, 
    .RadMenu_MenuDefault .rmVertical .rmLast a.rmFocused, 
    .RadMenu_MenuDefault .rmVertical .rmLast a.rmSelected, 
    .RadMenu_MenuDefault .rmVertical .rmLast a.rmExpanded, 
    .RadMenu_MenuDefault .rmVertical .rmLast a.rmExpanded:hover 
        padding-bottom1px
        padding-top: 0; 
        border-bottom-width: 0; 
     
    .RadMenu_MenuDefault .rmVertical .rmItem a.rmDisabled:hover 
        padding-top1px
        padding-bottom1px
        border-width: 0; 
     
    .RadMenu_MenuDefault a.rmExpanded, 
    .RadMenu_MenuDefault a.rmExpanded:hover 
        background-color#ffffff
     
    .RadMenu_MenuDefault a.rmDisabled, 
    .RadMenu_MenuDefault a.rmDisabled:hover 
        color#7d7d7d
        background-colortransparent
     
    /* </Root items> */ 
     
     
    /* <Submenu items> */ 
     
    .RadMenu_MenuDefault .rmGroup, 
    .RadMenu_MenuDefault .rmMultiColumn, 
    .RadMenu_MenuDefault .rmGroup .rmVertical 
        border1px solid #969696
        background#ffffff url('Menu/rmVSprite.png'repeat-y 0 0; 
     
    .RadMenu_MenuDefault .rmTopFix, 
    .RadMenu_MenuDefault .rmBottomFix, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmGroup .rmItem, 
    .RadMenu_MenuDefault .rmRoundedCorners li.rmFirstGroupColumn .rmItem, 
    .RadMenu_MenuDefault .rmRoundedCorners ul.rmHorizontal .rmFirst, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmGroup .rmItem, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners ul.rmHorizontal .rmFirst 
        background-imageurl('Menu/rmVSprite.png'); 
        background-color#ffffff;  
        background-repeatrepeat-y; 
     
    * html .rmRoundedCorners_MenuDefault .rmGroup .rmItem, 
    * html .rmRoundedCorners_MenuDefault ul.rmHorizontal .rmFirst 
        background-imageurl('Menu/rmVSprite.png'); 
        background-color#ffffff;  
        background-repeatrepeat-y; 
     
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer .rmGroup, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrap .rmItem, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmGroupColumn .rmItem, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmHorizontal .rmItem, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrap .rmVertical, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrap .rmItem, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmHorizontal .rmItem, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrap .rmVertical 
        background-imagenone
     
    * html .rmRoundedCorners_MenuDefault .rmScrollWrapContainer .rmGroup, 
    * html .rmRoundedCorners_MenuDefault .rmScrollWrap .rmItem, 
    * html .rmRoundedCorners_MenuDefault .rmHorizontal .rmItem, 
    * html .rmRoundedCorners_MenuDefault .rmScrollWrap .rmVertical 
        background-imagenone
     
    .RadMenu_MenuDefault .rmRoundedCorners .rmGroupColumn 
        background-color#ffffff
     
    .RadMenu_MenuDefault .rmBottomLeft, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners ul.rmGroup, 
    .RadMenu_MenuDefault .rmRoundedCorners ul.rmGroup, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmMultiColumn 
        background-image:  url('Menu/rmRoundedLeft.png'); 
        background-colortransparent;  
        background-repeatno-repeat
     
    * html .rmRoundedCorners_MenuDefault .rmScrollWrapContainer, 
    * html .rmRoundedCorners_MenuDefault .rmGroup ul.rmGroup, 
    * html .rmRoundedCorners_MenuDefault ul.rmGroup 
        background-image:  url('Menu/rmRoundedLeft.png'); 
        background-colortransparent;  
        background-repeatno-repeat
     
    .RadMenu_MenuDefault .rmTopRight, 
    .RadMenu_MenuDefault .rmBottomRight 
        background-image:  url('Menu/rmRoundedRight.png'); 
        background-colortransparent;  
        background-repeatno-repeat
     
    .RadMenu_MenuDefault .rmTopFix, 
    .RadMenu_MenuDefault .rmBottomFix, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmGroup .rmFirst, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmGroup .rmFirst, 
    .rmRoundedCorners_MenuDefault .rmGroup .rmFirst 
        border-color#969696
     
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer .rmTopFix, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix 
        background#ffffff
     
    * html .rmRoundedCorners_MenuDefault .rmScrollWrapContainer .rmTopFix, 
    * html .rmRoundedCorners_MenuDefault .rmScrollWrapContainer .rmBottomFix 
        background#ffffff
     
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow 
        background-color#ffffff
        border: 0; 
     
    * html .rmRoundedCorners_MenuDefault .rmScrollWrapContainer .rmTopArrow, 
    * html .rmRoundedCorners_MenuDefault .rmScrollWrapContainer .rmBottomArrow, 
    * html .rmRoundedCorners_MenuDefault .rmScrollWrapContainer .rmLeftArrow, 
    * html .rmRoundedCorners_MenuDefault .rmScrollWrapContainer .rmRightArrow 
        background-color#ffffff
        border: 0; 
     
    .RadMenu_MenuDefault_rtl .rmBottomLeft, 
    .RadMenu_MenuDefault_rtl .rmRoundedCorners ul.rmGroup, 
    .RadMenu_MenuDefault_rtl .rmRoundedCorners .rmMultiColumn, 
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer, 
    .RadMenu_MenuDefault .rmScrollWrapContainer .rmBottomLeft, 
    .rmRoundedCorners.RadMenu_MenuDefault_Context_rtl ul.rmGroup, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer 
        background-imageurl('Menu/rmRoundedLeft_rtl.png'); 
     
    .RadMenu_MenuDefault_rtl .rmTopRight, 
    .RadMenu_MenuDefault_rtl .rmBottomRight 
        background-imageurl('Menu/rmRoundedRight_rtl.png'); 
     
    .RadMenu_MenuDefault_rtl li.rmTopFix, 
    .RadMenu_MenuDefault_rtl li.rmBottomFix, 
    .RadMenu_MenuDefault_rtl .rmRoundedCorners .rmGroup .rmItem, 
    .rmRoundedCorners.RadMenu_MenuDefault_Context_rtl .rmGroup .rmItem 
        background-position: 101% 0; 
     
    .RadMenu_MenuDefault .rmSlide .rmScrollWrap 
        background-imagenone
     
    .RadMenu_MenuDefault_rtl .rmGroup, 
    .RadMenu_MenuDefault_rtl .rmMultiColumn, 
    .RadMenu_MenuDefault_rtl .rmGroup .rmVertical 
        background-position: 100% 0; 
     
    .RadMenu_MenuDefault .rmRootGroup li.rmItem .rmGroup 
        padding-bottom: 0; 
     
    .RadMenu_MenuDefault .rmRootGroup .rmHorizontal 
        background-imagenone
     
    .RadMenu_MenuDefault .rmScrollWrap .rmVertical 
        border: 0; 
     
    .RadMenu_MenuDefault .rmRoundedCorners .rmScrollWrapContainer li.rmItem, 
    .RadMenu_MenuDefault_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem, 
    .rmRoundedCorners_MenuDefault .rmScrollWrapContainer li.rmItem 
        backgroundnone
     
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmLink, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmLink:hover, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmFocused, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmSelected, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmExpanded 
        padding-top: 0; 
        padding-bottom: 0; 
        border: 0; 
     
    .RadMenu_MenuDefault .rmGroup .rmLast a.rmLink, 
    .RadMenu_MenuDefault .rmGroup .rmLast a.rmLink:hover, 
    .RadMenu_MenuDefault .rmGroup .rmLast a.rmFocused, 
    .RadMenu_MenuDefault .rmGroup .rmLast a.rmSelected, 
    .RadMenu_MenuDefault .rmGroup .rmLast a.rmExpanded 
        padding-bottom1px
     
    .RadMenu_MenuDefault .rmGroup a.rmLink, 
    .RadMenu_MenuDefault .rmGroup .rmText, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmDisabled, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmDisabled:hover, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmDisabled .rmText, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmDisabled:hover .rmText 
        background-position: 0 500px
        background-repeatno-repeat
        background-colortransparent
     
    .RadMenu_MenuDefault .rmGroup a.rmLink:hover, 
    .RadMenu_MenuDefault .rmGroup a.rmFocused, 
    .RadMenu_MenuDefault .rmGroup a.rmSelected, 
    .RadMenu_MenuDefault .rmGroup a.rmExpanded 
        background-position: 0 -168px
     
    .RadMenu_MenuDefault .rmGroup a.rmLink:hover .rmText, 
    .RadMenu_MenuDefault .rmGroup a.rmFocused .rmText, 
    .RadMenu_MenuDefault .rmGroup a.rmSelected .rmText, 
    .RadMenu_MenuDefault .rmGroup a.rmExpanded .rmText 
        background-position: 100% -192px
     
    /* <expand arrows> */ 
     
    .RadMenu_MenuDefault .rmGroup .rmExpandRight, 
    .RadMenu_MenuDefault .rmGroup .rmExpandDown, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmDisabled .rmExpandRight, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmDisabled .rmExpandDown, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmDisabled:hover .rmExpandRight, 
    .RadMenu_MenuDefault .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown 
        background-position: 100% -216px
     
    .RadMenu_MenuDefault .rmGroup a.rmLink:hover .rmExpandRight, 
    .RadMenu_MenuDefault .rmGroup a.rmFocused .rmExpandRight, 
    .RadMenu_MenuDefault .rmGroup a.rmSelected .rmExpandRight, 
    .RadMenu_MenuDefault .rmGroup a.rmExpanded .rmExpandRight, 
    .RadMenu_MenuDefault .rmGroup a.rmLink:hover .rmExpandDown, 
    .RadMenu_MenuDefault .rmGroup a.rmFocused .rmExpandDown, 
    .RadMenu_MenuDefault .rmGroup a.rmSelected .rmExpandDown, 
    .RadMenu_MenuDefault .rmGroup a.rmExpanded .rmExpandDown 
        background-position: 100% -240px
     
    .RadMenu_MenuDefault .rmGroup a.rmDisabled:hover .rmExpandRight, 
    .RadMenu_MenuDefault .rmGroup a.rmDisabled:hover .rmExpandDown 
        background-imageurl('Menu/rmSprite.png'); 
        background-position: 100% -216px
     
    /* </expand arrows> */ 
     
    /* <rtl> */ 
     
    .RadMenu_MenuDefault_rtl a.rmLink 
        background-position: 100% -96px
     
    .RadMenu_MenuDefault_rtl .rmText 
        background-position: 0 -72px
     
    .RadMenu_MenuDefault_rtl .rmVertical a.rmExpanded .rmText, 
    .RadMenu_MenuDefault_rtl .rmVertical a.rmExpanded:hover .rmText 
        background-position: 0 500px
        background-repeatno-repeat
     
    .RadMenu_MenuDefault_rtl .rmGroup a.rmLink:hover, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmFocused, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmSelected, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmExpanded 
        background-position: 100% -264px
     
    .RadMenu_MenuDefault_rtl .rmGroup a.rmLink:hover .rmText, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmFocused .rmText, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmSelected .rmText, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmExpanded .rmText 
        background-position: 0 -288px
     
    .RadMenu_MenuDefault_rtl .rmGroup .rmExpandLeft 
        background-position: 0 -312px
     
    .RadMenu_MenuDefault_rtl .rmGroup a.rmLink:hover .rmExpandLeft, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmFocused .rmExpandLeft, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmSelected .rmExpandLeft, 
    .RadMenu_MenuDefault_rtl .rmGroup a.rmExpanded .rmExpandLeft 
        background-position: 0 -336px
     
    /* </rtl> */ 
     
    /* </Submenu items> */ 
     
    /* <Submenu offsets (Telerik - specific, overlapping submenus)> */ 
     
    .RadMenu_MenuDefault .rmSlide 
        margin: 0 0 0 -1px
     
    .RadMenu_MenuDefault .rmVertical .rmSlide, 
    .RadMenu_MenuDefault .rmSlide .rmSlide, 
    .RadMenu_MenuDefault_Context .rmGroup .rmSlide 
        margin: 0 0 0 -5px
     
    .RadMenu_MenuDefault_rtl .rmSlide 
        margin: 0 0 0 0; 
     
    .RadMenu_MenuDefault_rtl .rmFirst .rmSlide 
        margin-left1px
     
    .RadMenu_MenuDefault_rtl .rmVertical .rmSlide, 
    .RadMenu_MenuDefault_rtl .rmSlide .rmSlide, 
    .RadMenu_MenuDefault_Context_rtl .rmGroup .rmSlide 
        margin: 0 0 0 5px
     
    /* </Submenu offsets> */ 
     
    /* <Scrolling arrows> */ 
     
    .RadMenu_MenuDefault .rmLeftArrow, 
    .RadMenu_MenuDefault .rmRightArrow 
        background-color#e6e6e6
     
    .RadMenu_MenuDefault .rmLeftArrow { background-position: -8px -312pxborder-right1px solid #828282; } 
    .RadMenu_MenuDefault .rmRightArrow { background-position: -482px -216pxborder-left1px solid #828282; } 
     
    .RadMenu_MenuDefault .rmTopArrow, 
    .RadMenu_MenuDefault .rmBottomArrow, 
    .RadMenu_MenuDefault .rmGroup .rmLeftArrow, 
    .RadMenu_MenuDefault .rmGroup .rmRightArrow 
        background-color#e6e6e6
     
    .RadMenu_MenuDefault .rmTopArrow { background-position: 50% -367pxborder-bottom1px solid #828282; } 
    .RadMenu_MenuDefault .rmBottomArrow { background-position: 50% -391pxborder-top1px solid #828282; } 
     
    /* </Scrolling arrows> */ 
     
    /* <Separators> */ 
     
    .RadMenu_MenuDefault .rmHorizontal .rmSeparator .rmText, 
    .RadMenu_MenuDefault .rmVertical .rmHorizontal .rmSeparator .rmText 
        height22px
        margin1px 0 0; 
        width1px
        background-color#a8a8a8
     
    .RadMenu_MenuDefault_Context .rmSeparator .rmText, 
    .RadMenu_MenuDefault .rmHorizontal .rmGroup .rmSeparator .rmText, 
    .RadMenu_MenuDefault .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText 
        background-colortransparent
        background-position: 0 -406px
     
    /* </Separators> */ 
     
    /* </RadMenu / Telerik> */ 
     
     
     
     
     
     
     
     
     
     div.RadMenu_MenuDefault .rmRootGroup { 
     
        background-imagenone
     
        background-colorrgb(254, 242, 228); 
     
        border-top-style: solid
     
        border-top-width0px
     
        border-bottom-style: solid
     
        border-bottom-width0px
     
     
     div.RadMenu_MenuDefault .rmItem .rmLink:hover { 
     
        background-colorrgb(255, 224, 193); 
     
        font-weightbold
     
        colorrgb(17, 17, 17); 
     
     
     div.RadMenu_MenuDefault .rmItem .rmLink { 
     
        font-familyArial
     
     
     div.RadMenu_MenuDefault .rmItem .rmLink:hover { 
     
        font-weightbold
     
     
     div.RadMenu_MenuDefault .rmItem .rmExpanded { 
     
        background-colorrgb(254, 242, 228); 
     
        font-weightbold
     
     
     div.RadMenu_MenuDefault .rmItem .rmExpanded .rmText { 
     
        font-weightbold
     
     
     
     
     div.RadMenu_MenuDefault .rmItem .rmLink { 
     
        padding-left0px
     
        padding-right0px
     
     
     div.RadMenu_MenuDefault .rmItem .rmLink .rmText { 
     
        padding-left22px
     
        padding-right22px
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     div.RadMenu_MenuDefault .rmRootGroup { 
     
        border-right-style: solid
     
        border-right-width0px
     
        border-left-style: solid
     
        border-left-width0px
     
     
     div.RadMenu_MenuDefault .rmItem .rmLink { 
     
        colorrgb(153, 153, 153); 
     
     
     div.RadMenu_MenuDefault .rmItem .rmLink:hover { 
     
        font-weightnormal
     
        colorrgb(0, 0, 0); 
     
        background-colorrgb(254, 242, 228); 
     
     
     div.RadMenu_MenuDefault .rmItem .rmLink .rmExpandDown { 
     
        colorrgb(0, 0, 0); 
     
        font-weightnormal
     
     
     div.RadMenu_MenuDefault .rmItem .rmDisabled { 
     
        colorrgb(221, 221, 221); 
     
     
     div.RadMenu_MenuDefault .rmItem .rmGroup { 
     
        background-colorrgb(254, 242, 228); 
     
        background-imagenone
     
     
     div.RadMenu_MenuDefault { 
     
        background-colorrgb(254, 242, 228); 
     
     
     

  7. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 04 Jun 2010 Link to this post

    Hello Alice,

    The white background color is the selected state of a RadMenu item. To remove it, either style the .rmSelected class or just add EnableSelection="false" to your RadMenu definition. Let me know if this helps.

    All the best,
    Kamen Bundev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  8. Alice Leong
    Alice Leong avatar
    17 posts
    Member since:
    Mar 2010

    Posted 09 Jun 2010 Link to this post

    Hi Kamen,

    the "EnableSelection" works, but the font didnt get bold.
    I tried to add another class .rmSelected, but it doesnt changed anything.

    Thanks.

  9. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 11 Jun 2010 Link to this post

    Hi Alice,

    If you set EnableSelection="false", the .rmSelected class will stop working, so no need to set it. You didn't mention anything about bold before so if you just need to make the font bold on hover, add this CSS rule:
    .RadMenu_MenuDefault a.rmLink:hover .rmText
    {
       font-weight: bold;
    }

    If you want to make it bold after clicking on it, add this CSS rule instead:
    .RadMenu_MenuDefault a.rmFocused .rmText
    {
       font-weight: bold;
    }


    Sincerely yours,
    Kamen Bundev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017