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

How to set Underline for the text on Mouse Hover in RadTab / RadTabStrip

3 Answers 266 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Vishnu
Top achievements
Rank 1
Vishnu asked on 08 Oct 2013, 11:38 AM
HI, I have 6 to 7 Items in RadTabStrip & & each item has sub-menu as RadTab.
But i would like to override the control's css class to get "item text to get underline on mouse hover" instead of mentioning
HoveredCssClass="textHover" for each item.



CSS Class:
.textHover
    {
        text-decoration:underline !important;
    }
Aspx Page:
<telerik:RadTab
runat       ="server"
Text        ="Dashboard"
 Value       ="Dashboard"
 Selected    ="true"
 HoveredCssClass="textHover"
Font-Names  ="Verdana"  >

Can you please provide control's css class to override the same thing.
Thanks in advance.

3 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 09 Oct 2013, 03:03 AM
Hi Vishnu,

Please try the following CSS to show underline on mouse hover.

CSS:
<style type="text/css">
        .RadTabStrip .rtsTxt:hover
        {
            text-decoration: underline !important;
        }
</style>

Thanks,
Shinu.
0
Vishnu
Top achievements
Rank 1
answered on 09 Oct 2013, 06:00 AM
Hi Shinu,
Thanks a lot, exactly what i was looking for. It Works great. :)

Shinu, 
same type css i would like to overrride for  RadToolBar control.
Please help me.
0
Accepted
Shinu
Top achievements
Rank 2
answered on 10 Oct 2013, 02:39 AM
Hi Vishnu,

Please try the following CSS.

CSS:
<style type="text/css">
    .RadToolBar .rtbText:hover
    {
        text-decoration: underline !important;
    }
</style>

Thanks,
Shinu.
Tags
TabStrip
Asked by
Vishnu
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Vishnu
Top achievements
Rank 1
Share this question
or