Remove borders from Menu

8 posts, 1 answers
  1. Kai
    Kai avatar
    30 posts
    Member since:
    Aug 2010

    Posted 24 Aug 2010 Link to this post

    HI all,
    I want to create a dropdown menu like this one from Microsofts Ajax Control Toolkit. I think RadMenu might be the best one to use, right? But how could I then remove the border around the Main Menu? I've checked the forum, KB and RadMenu CSS Description but I could not find it. Any ideas?
    Many thanks in advance!
  2. Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 24 Aug 2010 Link to this post

    Hello Kai,

    I think the control you're looking for is the RadContextMenu. It looks just like the example you made mention.

    I hope that helps.
  3. Kai
    Kai avatar
    30 posts
    Member since:
    Aug 2010

    Posted 24 Aug 2010 Link to this post

    Hi Cori,
    thanks for your reply, but it seems that for the context menu I always have to use right-click. That's not easy to understand for the users. So the default RadMenu is already very close to the aim, only the border needs to be removed.

    I already thought about addint a small icon at the end of the text and using Popup Menu with it (the example on the right in the demo section) but as I have to add it to a Sharepoint 2007 Webpart I'd like to avoid usage of JavaScript if possible.

    So currently I still prefer the RadMenu but hope to remove the borders...

    Thanks
    Kai
  4. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 25 Aug 2010 Link to this post

    Hi Kai,

    You can remove the border around RadMenu with the following css rule:
    .rmRootGroup
       {
           border:none !important;
       }


    Regards,
    Peter
    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
  5. Kai
    Kai avatar
    30 posts
    Member since:
    Aug 2010

    Posted 25 Aug 2010 Link to this post

    Works fine as expected. Thanks a lot, Peter!!
  6. Ken
    Ken avatar
    5 posts
    Member since:
    Apr 2008

    Posted 23 Sep 2010 Link to this post

    Hi Peter,

    The CSS override you gave above works great for removing the border from around the top level menu entries, but when you roll over the individual entries there are still bits of border showing up.  Can you please tell me how to override that?  To see an example of the behavior you can visit http://testbed.dragocactoid.com (the top menu is the radmenu that will be replacing the asp menu below it).

    Thanks,
    Ken
  7. Yana
    Admin
    Yana avatar
    5013 posts

    Posted 27 Sep 2010 Link to this post

    Hi Ken,

    Please add also the following css styles to the page:

    .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;
    }

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

    Posted 27 Sep 2010 Link to this post

    Thank you; that fixed it perfectly.
    -Ken
Back to Top