RadMenu Text Only

5 posts, 1 answers
  1. RJ
    RJ avatar
    386 posts
    Member since:
    Oct 2006

    Posted 02 May 2013 Link to this post

    Hi All, I just wanted to make my radmenu to show text only, no background, only highlight or Font ForeColor change on hover only. Any Idea on how to accomplish this.
    Thanks in advance,
    RJ
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 02 May 2013 Link to this post

    Hi RJ,

    Try setting the RadMenu skin to Transparent and override the default CSS as follows.

    CSS:
    <style type="text/css">
        .RadMenu_Transparent .rmRootGroup, .RadMenu_Transparent a.rmLink, .RadMenu_Transparent .rmText, .RadMenu_Transparent .rmLeftArrow, .RadMenu_Transparent .rmRightArrow, .RadMenu_Transparent .rmTopArrow, .RadMenu_Transparent .rmBottomArrow
        {
            background-image: none !important;
        }
    </style>

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. RJ
    RJ avatar
    386 posts
    Member since:
    Oct 2006

    Posted 05 May 2013 Link to this post

    Thanks Princy it works like a charm!!!
    Though I just need few more adjustment like
    how can I change text color onhover to enabled menu items and make a hand cursor
    lastly disabled menu items wont change color and will remain to pointer cursor

    Thanks in advance,
    RJ
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 06 May 2013 Link to this post

    Hi RJ,

    Try overriding the default CSS as follows.

    CSS:
    <style type="text/css">
        .rmExpanded
        {
            color:Red !important;
            cursor:pointer !important;
        }
    </style>

    Thanks,
    Princy.
  6. RJ
    RJ avatar
    386 posts
    Member since:
    Oct 2006

    Posted 06 May 2013 Link to this post

    Thanks a lot Princy
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017