Key Features
Semantic rendering for 70% less markup
Telerik RadTabStrip now implements a highly efficient semantic rendering, which uses list items and CSS instead of tables. As a result the HTML output is reduced by up to 70%, which dramatically improves performance. Furthermore there is no CPU-freeze effect associated with with client-side generated controls.
Convenient Visual Builder
Developers can now build and customize RadTabStrip in a minute and entirely in design mode, using the new visual builder. It allows you to define the tabstrip structure, apply skins, and set individual item properties.
Powerful DataBinding Capabilities
RadTabStrip v3.0 introduces powerful DataBinding capabilities, including full support for ASP.NET 2.0 Declarative DataSources.
See a live demo.
Consistent set of skins, switchable with a single property
Defining the visual appearance of RadTabStrip is easier than ever thanks to the simplified skinning mechanism. Instead of setting dozens of property you need to use just one – "Skin". RadTabStrip is shipped with 29 ready-to-use skins, which can be modified to match your application design.
See a live demo.
Search engine friendly
Although it is JavaScript-based, RadTabStrip completely follows the principles of Search Engine Optimization. The control's innovative rendering generates semantic lists and standard <a> tags, which are properly recognized and highly valued by search engines. As a result, all content accessible through this control will be automatically indexed and ranked with no extra effort required on the side of the developer.
Hierarchical Tab Structures
Since the tabstrip content is now separated from the labels, developers can easily build multilevel tabstrips using nested XML tag declarations.
See a live demo.
Individual Tab Customization
You can now have different styles for selected and non-selected hover tabs, as well as unique CSS classes for individual tabs.
Horizontal, vertical, scrolling, nested tabs
You can achieve a wide variety of TabStrip configurations by combining the 8 generic types supported by RadTabStrip. Experiment with the interactive configurator from the Quick-Start framework.
See a live demo.
Keyboard Support
RadTabStrip v2.0 delivers the convenience of desktop applications to the web with keyboard support - access keys and arrow-key navigation.
See a live demo.
Functionality
Logical Separation of Labels and Content Area
RadTabStrip's content is separated from the tab labels. The tabs represent only the labels and not the content below them. The content is rendered independently of the tab, for example using a Rad
multipage, hence giving the developer more freedom in the authoring process.
See a live demo.
XML Content File
One of the ways for specifying RadTabStrip's structure is by using XML, which is the most convenient and widespread format for hierarchical data. RadTabStrip's structure can now easily be defined using XML tag declarations.
Multi-Language Support
RadTabStrip fully supports foreign languages. To localize the Tab labels, you need to create a separate Content File for each language and then load it dynamically using the LoadContentFromXmlFile method.
XHTML 1.1. and Accessibility Compliance
Rad
tabtsrip now provides complete XHTML compliance. The HTML markup of the component is fully XHTML 1.1 compliant.
RadTabStrip is now “Level A" (in conformance with the W3C Web Accessibility Guidelines 1.0) as well as "Section 508" compliant.
Appearance
Simple and overlapping image backgrounds
Complex graphic designs can be easily achieved using background images. Simple-image backgrounds are easier to set, while the overlapping ones allow you to simulate sophisticated graphic effects, like shadows, perspective, etc.
HTML-based tab labels can include icons
Since the Tab Labels accept HTML formatting, you can easily add icons or other images using the <img src=""> tag in the Label name. This is a very convenient approach as you can place icons before or after, without having to specify properties, etc.
See a live demo.
Tab Separators
They are used to group the tabs of RadTabStrip into two or more categories. With the property
IsSeparator you can define a tab to act as a separator. You can then define its size using the Width property.
See a live demo.
Separators with Styles
When a tab is defined as a separator, the style assigned to its UniqueDefaultCssClass property will be rendered as its CSS class. As a result separators now can have styles.
Using the Client-side API
Client API Closely Matches the Server API
To enable effortless development of the client-side tabstrip behavior, RadTabStrip provides a much richer API that almost completely matches the model of the server-side API.
See a live demo.
Integration
Integration with Radmultipage
The new Rad
multipage represents the content area of RadTabStrip v1.0. This content is separated from the tabstrip labels and can be positioned anywhere in the page. In order to make a RadTabStrip switch the pages of Rad
multipage use the
PageViewID property of the
RadTabStrip class.
See a live demo.
r.a.d.
multipage Features:
-
NET 2.0 support - r.a.d.
multipage is developed with support for the upcoming .NET Framework 2.0
-
Renders the HTML code only for the selected page if the RenderSelectedPageOnly property is set to True
-
CSS-based customization - the visual appearance of the page is configured completely through a CSS classes.