Tab Control
- 2 minutes to read
The BootstrapTabControl provides a visual interface for creating custom tabbed layouts. The Tab Control provides only navigation means and requires manually updating specific content to reflect a selected tab’s changes.
The Bootstrap Tab Control offers you an extremely flexible means to control end-user interaction. Numerous server-side settings, client-side API and events allow you to take full control over how your tab control responds to user actions. You have complete control over what user action activates a tab, and whether there should be a postback, callback or client processing. Note that the most frequently used scenarios are already built-in - you just need to toggle a property.
This topic lists the features that are unique to the Tab Control.
Control Features
- Templates can be specified for tabs in both active and inactive states, and for each tab individually.
- A tab control supports two ways to activate a tab - by clicking it or by hovering over it with the mouse pointer.
Client-Side Features
- Client-side events allow you to perform custom actions when an end-user clicks on a tab. If you use AJAX functionality, you will need these events to indicate that a callback is in progress.
- You can use the client-side API to activate tabs and obtain tab information.
Tab Features
- A convenient tab collection design-time editor is available.
- Customizable tab spacing.
- Tab position and alignment can be changed to display tabs at any edge and corner of the Tab Control.
- You can specify tooltips for tabs.