get rid of root level borders, backgroundcolor inconsistent

3 posts, 0 answers
  1. Ken
    Ken avatar
    5 posts
    Member since:
    Apr 2008

    Posted 23 Sep 2010 Link to this post

    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. Ken
    Ken avatar
    5 posts
    Member since:
    Apr 2008

    Posted 27 Sep 2010 Link to this post

    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
  3. Yana
    Admin
    Yana avatar
    5013 posts

    Posted 28 Sep 2010 Link to this post

    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
Back to Top