This is a migrated thread and some comments may be shown as answers.
radmenu css styling question
1 Answer 36 Views
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 18 Nov 2015, 04:21 PM

Hi, I have a radmenu and I want to remove the default gray background-image (PFA sample image), I tried few ways but that is also removing the arrows from the submenu, I want the arrows to be present, I only want the gray background image to be removed, below is the custom css.

Also please let me know how to change the arrow color for the Radmenu_Default skin

.RadMenu_Default, .RadMenu_Default .rmRootGroup, .RadMenu_Default a.rmLink {
font-size: 16px !important;
color: #ebe3e3 !important;
border: 0px !important;
background-color: #8F0800 !important;
background-image: none !important;
}

.RadMenu_Default .rmLink:hover, .RadMenu_Default .rmFocused,
.rmLink .RadMenu_Default .rmSelected, .RadMenu .rmGroup .rmItem a.rmLink,
.RadMenu_Default a.rmExpanded, .RadMenu_Default a.rmExpanded:hover, .RadMenu_Default .rmGroup {
background-color: #C12610 !important;
background-image: none !important;
background-position: 0px 0px !important;
border: 0px !important;
}

1 Answer, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 23 Nov 2015, 02:02 PM
Michael,

in classic render mode the arrow is part of the image sprite, so if you remove the background image (the gray thing) you remove the expand arrow.

In light-weight render mode, however, the arrow is not part of an image and you can safely hide the background image.

I am attaching two sample pages -- one lite one classic -- to show what happens and the styles you need to customize.

Note: you need to have all instances of RadMenu on the page to be the same render mode.

Also, I would suggest that you use a new skin (in light-weight rendering that's extremly easy) instead of building on top existing one, to avoid overriding lots of styles.

Regards,
Ivan Zhekov
Telerik
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 Feedback Portal and vote to affect the priority of the items
Tags
Menu
Asked by
Michael
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Share this question
or