New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Migrating Skins from RadTabStrip ASP.NET to ASP.NET AJAX

RadTabStrip for ASP.NET AJAX has a similar rendering to its predecessor, RadTabStrip "Classic". Below is a table which shows the mapping between the CSS classes:

RadTabStrip "Classic" selectorRadTabStrip for ASP.NET AJAX CSS class
tabstripRadTabStrip
ulrtsUL
lirtsLI
artsLink
.selectedrtsSelected
wraprtsOut
innerWraprtsIn
levelwraprtsLevel
level1rtsLevel1
firstrtsFirst
lastrtsLast
disabledrtsDisabled
breakrtsBreak
leftArrowrtsPrevArrow
rightArrowrtsNextArrow
leftArrowDisabledrtsPrevArrowDisabled
rightArrowDisabledrtsNextArrowDisabled

Overlapping tabs

If your existing skin includes overlapping tabs, minor changes could be necessary (apart from changing the CSS classes) - the RadTabStrip for ASP.NET AJAX does not position its tabs relatively and thus a negative margin will not work as expected. The overlapping effect is achieved by using the two CSS classes of rtsBefore and rtsAfter, which are applied on the tabs that are next to the currently selected tab.

In this article
Overlapping tabs
Not finding the help you need?
Contact Support