Hide the icon column for RadMenu items

2 posts, 1 answers
  1. Billy
    Billy avatar
    5 posts
    Member since:
    Jun 2012

    Posted 03 Jun 2012 Link to this post

    I'm trying to create a fly-out or "mega-menu", and I'd like to hide the icon "column" to the left of each menu item. I found this article: http://www.telerik.com/community/forums/aspnet-ajax/menu/hide-the-icon-column-for-radmenu-items.aspx, but it didn't have any effect.

    Perhaps this technique is obsolete? Or perhaps I'm just doing something bone-headed? I'm a Telerik newbie working on the trial period evaluation, so I need all the help I can get.

    Anyone have any ideas?

    -BillyB
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 03 Jun 2012 Link to this post

    Hi Billy,

    Try overriding the default CSS as follows.

    CSS:
    <style type="text/css">
      .RadMenu_Default .rmGroup
        {
          background-image: none !important;
        }
      .RadMenu_Default .rmGroup .rmLink .rmText
        {
          padding:0px !important;
          margin:0px !important;
        }
    </style>

    Hope this helps.

    Regards,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top