RadTabStrip for ASP.NET

The RadTabStrip class Send comments on this topic.
See Also
Already using the control > Changes and backward compatibility > Telerik RadTabStrip > The RadTabStrip class

Glossary Item Box

 

 

Please note that Telerik RadTabStrip v3.0 is not backward compatible with previous versions.

Renamed Properties

TabCollection -> Tabs

The TabCollection property exposed by the RadTabStrip and Tab classes is renamed to Tabs.

2.x Copy Code
<rad:RadTabStrip id="RadTabStrip1" runat="server" >
  
<TabCollection>
      
<rad:Tab Text="Corporate" SelectedIndex="0">
          
<TabCollection>
              
<rad:Tab Text="News" />
              
<rad:Tab Text="Team" />
              
<rad:Tab Text="Careers" />
          
</TabCollection>
      
</rad:Tab>
      
<rad:Tab Text="Services" />
      
<rad:Tab Text="Work" />
  
</TabCollection>
</
rad:RadTabStrip>
3.x Copy Code
<rad:RadTabStrip id="RadTabStrip1" runat="server" >
  
<Tabs>
     
<rad:Tab Text="Corporate" SelectedIndex="0">
        
<Tabs>
           
<rad:Tab Text="News" />
           
<rad:Tab Text="Team" />
           
<rad:Tab Text="Careers" />
        
</Tabs>
     
</rad:Tab>
     
<rad:Tab Text="Services" />
     
<rad:Tab Text="Work" />
  
</Tabs>
</
rad:RadTabStrip>

AfterClientTabClick -> OnClientTabSelected

BeforeClientTabClick -> OnClientTabSelecting

ClientMouseOut -> OnClientMouseOut

ClientMouseOver -> OnClientMouseOver

TabStripAlign -> Align

Removed Properties

 

Appearance Related properties

All skinning related properties are replaced with Skin and SkinsPath properties. The rendering was changed and the skin format is different.

 

CssFile

 

Image**

**[all properties starting with "Image"] 

 

OverlappingTabs

Controlled from the skin css.

 

RightScrollButtonCssClass*

RightScrollButtonDisabledImage*

RightScrollButtonImage*

RightScrollButtonSize*

*[the following description applies to all *-signed properties] 

Controlled from the skin CSS. Four CSS rules control the appearance of the scroll buttons.

Copy Code
.RadTabStrip_[Skin] .leftArrow
{
   
background-image:url(img/ScrollLeft.png);
}
.RadTabStrip_[Skin] .rightArrow
{
   
background-image:url(img/ScrollRight.png);
}
.RadTabStrip_WinXP .leftArrowDisabled
{
   
background-image:url(img/ScrollLeftDisabled.png);
}
.RadTabStrip_WinXP .rightArrowDisabled
{
   
background-image:url(img/ScrollRightDisabled.png);
}


SubGroupCssClass

TabDefaultCssClass

TabDisabledCssClass 

TabHoverCssClass

TabHoverSelectedCssClass

TabSelectedCssClass

TabTextDefaultCssClass  

TabTextDisabledCssClass

TabTextHoverCssClass 

TabTextHoverSelectedCssClass

TabTextSelectedCssClass 

Theme

ThemesDir

Other Properties

ContentFile

Telerik RadTabStrip v3.0 will not support this functionality. We have provided an example instead - XML Definition. It demonstrates how to populate Telerik RadTabStrip from an XML file (the XML file is in the format used in 2.x)

 

DataFieldParentRootValue

Now we always expect the root value to be System.DBNull.

 

ImagesBaseDir

 

KeyboardSupport

Keyboard support is ON by default and cannot be turned off.

 

RightToLeft

Now you should set the dir attribute of some of the tabstrip's parent elements or the tabstrip itself:

Copy Code
<div dir="rtl">
     
<rad:RadTabStrip id="RadTabStrip1" runat="server" />
</
div>
<
rad:RadTabStrip id="RadTabStrip1" runat="server" dir="rtl" />

TextOnlyTabs

The new rendering of Telerik RadTabStrip made this property irrelevant. Telerik RadTabStrip no longer needs to know whether its tabs are text-only or not.

See Also