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

get rid of root level borders, backgroundcolor inconsistent

2 Answers 32 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Ken
Top achievements
Rank 2
Ken asked on 24 Sep 2010, 04:16 AM
URL that demonstrates the issue:
http://testbed.dragocactoid.com

I have two issues, I have gotten rid of the border surrounding the root level of the menu (CSS override .rmRootGroup {border: none !important;} )

However, as you mouse over the menu items there are top and bottom borders being displayed. I want those to go away, too.

Secondly, the background color of the non-root menuitems is different than the root menuitems.  I don't really care if the background color stays the same or "highlights", but I want all the menu levels to behave the same.

Does someone know which styles I have to override to accomplish this?

Thanks,
Ken

2 Answers, 1 is accepted

Sort by
0
Ken
Top achievements
Rank 2
answered on 27 Sep 2010, 06:31 PM
The solution to the question of the border problem was posted to another forum entry:

.RadMenu_Default .rmVertical a.rmLink:hover,
.RadMenu_Default .rmVertical a.rmFocused,
.RadMenu_Default .rmVertical a.rmSelected,
.RadMenu_Default .rmVertical a.rmExpanded,
.RadMenu_Default .rmVertical a.rmExpanded:hover {
   border:0!important;
   padding-bottom:1px!important;
   padding-top:1px!important;
}

I still have not heard about the background color of focused items and hope that someone can help with that as well.

-ken
0
Yana
Telerik team
answered on 28 Sep 2010, 08:43 AM
Hello Ken,

I've just answered to the support ticket regarding the background, here is the needed css:

.RadMenu_Default .rmGroup .rmItem a.rmLink,
.RadMenu_Default .rmGroup .rmItem a.rmLink:hover,
.RadMenu_Default .rmGroup .rmItem a.rmFocused,
.RadMenu_Default .rmGroup .rmItem a.rmSelected,
.RadMenu_Default .rmGroup .rmItem a.rmExpanded {
  background-image:none !important;
  border:0 none !important;
  padding:0 !important;
}
  
.RadMenu_Default .rmGroup a.rmLink .rmText {
  background-image: none !important;
}

Regards,
Yana
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
Menu
Asked by
Ken
Top achievements
Rank 2
Answers by
Ken
Top achievements
Rank 2
Yana
Telerik team
Share this question
or