Turn off hover for disabled tab

5 posts, 0 answers
  1. Mike
    Mike avatar
    25 posts
    Member since:
    Aug 2010

    Posted 31 May 2011 Link to this post

    Is there are way to turn off the hover settings for disabled tabs?  I don't want the HoveredCssClass settings to be applied when the tab is disabled.
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 01 Jun 2011 Link to this post

    Hello Mike,

    In general when you disable a tab from the RadTabSrtip control the hover effects are not applied to it. It just looks more grayish. Can you please specify if you are using a custom skin where you apply different styles that you do not need to render when you disable the particular tab? If this is not the case, can you clarify which predefined skin of the control you are using?

    All the best,
    Kate
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mike
    Mike avatar
    25 posts
    Member since:
    Aug 2010

    Posted 01 Jun 2011 Link to this post

    <oscarcontrols:OscarTabStrip ID="tabSteps" runat="server" Orientation="VerticalLeft"
                                OnTabClick="tabSteps_TabClick" OnTabDataBound="tabSteps_TabDataBound" MultiPageID="RadMultiView1"
                                Skin="" Style="width: 162px" AutoPostBack="true" CausesValidation="false" >
                                <DataBindings>
                                    <telerik:RadTabBinding SelectedCssClass="SelectedTab" CssClass="unSelectedTab"
                                        HoveredCssClass="TabHovered" DisabledCssClass="DisabledTab"  />
                                </DataBindings>
                            </oscarcontrols:OscarTabStrip>

    Here is the markup.  I'm not using a skin. 

    I was able to work around this by adding code in the TabDataBound to set the e.Tab.HoveredCssClass = "" when the underlying object is disabled.
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 01 Jun 2011 Link to this post

    Hello Mike,

    Thank you for the mockup. I am happy to hear that you could solve the issue yourself. Do not hesitate to contact us if you have any other questions.

    Best wishes,
    Kate
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  6. Jason
    Jason avatar
    1 posts
    Member since:
    May 2015

    Posted 06 May 2015 in reply to Mike Link to this post

    Optionally you can force the tab rendering behaviors of a mouse-hovered disabled tab using a custom CSS with a.rtsdisabled:hover.  

    Define separate tab rendering profiles for:

       a) hovered,

       b) disabled, 

       c) disabled and hovered... identical to disabled

     

    An example controlling the font colour: 

    /*a) HOVER*/

    .RadTabStrip_Custom .rtsLink:hover 
    {
        color:#000000; /*black*/
    }

    /*b) DISABLED*/
    .RadTabStrip_Custom a.rtsDisabled
    {
        color:#BBBBBB;  /*light gray*/
    }

    /*c) HOVER OVER DISABLED*/
    .RadTabStrip_Custom a.rtsdisabled:hover
    {
        color:#BBBBBB;  /*light gray; same as if disabled*/
    }

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017