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

4 posts, 2 answers
  1. Vishnu
    Vishnu avatar
    31 posts
    Member since:
    Jul 2012

    Posted 08 Oct 2013 Link to this post

    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.
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 08 Oct 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vishnu
    Vishnu avatar
    31 posts
    Member since:
    Jul 2012

    Posted 09 Oct 2013 Link to this post

    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.
  5. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 09 Oct 2013 Link to this post

    Hi Vishnu,

    Please try the following CSS.

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

    Thanks,
    Shinu.
Back to Top