BootstrapTabControl Class
Represents a navigation control used to create tabbed interfaces.
Namespace: DevExpress.Web.Bootstrap
Assembly: DevExpress.Web.Bootstrap.v24.2.dll
NuGet Package: DevExpress.Web.Bootstrap
#Declaration
[DXClientDocumentationProviderWeb("BootstrapTabControl")]
[ToolboxTabName("DX.24.2: Bootstrap Controls")]
public class BootstrapTabControl :
ASPxTabControl,
ISimpleRenderControl,
IBootstrapTabControlCssClassesOwner
#Remarks
Note
The Bootstrap
- The control’s client-side equivalent is represented by the Bootstrap
Client object.Tab Control - On the client side, the client object can be accessed directly by the name specified via the ASPx
Tab property.Control Base. Client Instance Name - The available client events can be accessed by using the ASPx
Tab property.Control Base. Client Side Events
The control’s client-side API is enabled if the ASPx
Use the tab control’s ASPxTabControlBase.AutoPostBack property to control whether any end-user manipulation with the control’s elements (tabs) requires posting back to the server side for further processing.
If you want to use a tabbed control with several pages that contain different controls, consider using the BootstrapPageControl.
#Example
This example demonstrates the basic functionality of the Tab control.
- Initialize a new instance of the
BootstrapTabControl
class. - Add required tabs to the BootstrapTabControl.Tabs collection. Each tab item is represented by the BootstrapTab object.
The image below demonstrates the result:
<dx:BootstrapTabControl runat="server">
<Tabs>
<dx:BootstrapTab Text="Home">
</dx:BootstrapTab>
<dx:BootstrapTab Text="Products">
</dx:BootstrapTab>
<dx:BootstrapTab Text="Support">
</dx:BootstrapTab>
</Tabs>
</dx:BootstrapTabControl>