Turn off hover for disabled tab

[Mike]

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.

[Kate]

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

[Mike]

<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.

[Kate]

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

[Jason]

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*/
}