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

RadMenu Text Only

4 Answers 96 Views
Menu
This is a migrated thread and some comments may be shown as answers.
RJ
Top achievements
Rank 1
RJ asked on 02 May 2013, 09:29 AM
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

4 Answers, 1 is accepted

Sort by
0
Accepted
Princy
Top achievements
Rank 2
answered on 02 May 2013, 12:13 PM
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.
0
RJ
Top achievements
Rank 1
answered on 05 May 2013, 06:11 PM
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
0
Princy
Top achievements
Rank 2
answered on 06 May 2013, 05:10 AM
Hi RJ,

Try overriding the default CSS as follows.

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

Thanks,
Princy.
0
RJ
Top achievements
Rank 1
answered on 06 May 2013, 12:55 PM
Thanks a lot Princy
Tags
Menu
Asked by
RJ
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
RJ
Top achievements
Rank 1
Share this question
or