AJAX Tab extender control provides the functionality to display the muliple groups of information on a single ASP.net web page under tabbed panels. AJAX TabContainer extender allows you to add the multiple TabPanel templates inside it. AJAX TabPanel template enables you to define their HeaderTemplate and ContentTemplate to display the Tab heading name and tab container content. You can also customize the look and feel of AJAX Tab control using CSS styles. There are set of CSS class names that allow you to customize the different sections of Tab Container and panels.
Properties of AJAX Tab Control
1. OnClientClick
2. HeaderText
3. HeaderTemplate
4. ContentTemplate
Tab Control CSS Theme Styles
.ajax__tab_header
.ajax__tab_outer
.ajax__tab_inner
.ajax__tab_tab
.ajax__tab_hover
.ajax__tab_active
.ajax__tab_body
You can learn the use of above CSS style classes from the tutorial of AJAX Tab control CSS theme styles by following the link given at the bottom of this sample.
Try the sample below to understand the use of AJAX tab control and customized appearance styles created using CSS:
