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

how to change the selected RadMenu background color

7 Answers 478 Views
Visual Style Builder
This is a migrated thread and some comments may be shown as answers.
Alice Leong
Top achievements
Rank 1
Alice Leong asked on 21 May 2010, 10:51 AM
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.

7 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 26 May 2010, 03:15 PM
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.
0
Alice Leong
Top achievements
Rank 1
answered on 01 Jun 2010, 05:23 AM
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.
0
Kamen Bundev
Telerik team
answered on 01 Jun 2010, 12:53 PM
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.
0
Alice Leong
Top achievements
Rank 1
answered on 02 Jun 2010, 01:27 AM
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); 
 
 
 

0
Kamen Bundev
Telerik team
answered on 04 Jun 2010, 08:49 AM
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.
0
Alice Leong
Top achievements
Rank 1
answered on 09 Jun 2010, 05:43 AM
Hi Kamen,

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

Thanks.

0
Kamen Bundev
Telerik team
answered on 11 Jun 2010, 01:20 PM
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.
Tags
Visual Style Builder
Asked by
Alice Leong
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Alice Leong
Top achievements
Rank 1
Share this question
or