Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Collapse]ASP.NET Core Bootstrap Controls
  Getting Started
  Grid View
  Charts
 [Collapse]Site Navigation
   Accordion
   Menu
   Tab Control
   Tree View
 [Expand]Site Layout
 [Expand]Data Editors
 [Expand]Redistribution and Deployment
 [Expand]API Reference
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
This documentation page describes implementations made in our v17.2 release cycle. To learn about functionality shipping with v18.1, navigate to our updated help file experience at docs.devexpress.com. Learn More

Tab Control

The Bootstrap Tab Control 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 web controls from the Bootstrap Tab Control.

Expanded Control Features

  • Templates can be specified for tabs in both active and inactive states, and for each tab individually.
  • The Tab Control supports two ways to activate a tab - by clicking it or by hovering over it with the mouse pointer.

Expanded Client-Side Features

  • Client-side events allow you to perform custom actions when an end-user clicks on a tab, and immediately after the corresponding page has been loaded. 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.

Expanded 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.

Expanded See Also

Is this topic helpful?​​​​​​​