BootstrapTabControl Class

Represents a navigation control used to create tabbed interfaces.

Namespace : DevExpress.Web.Bootstrap

Assembly : DevExpress.Web.Bootstrap.v25.2.dll

NuGet Package : DevExpress.Web.Bootstrap

Declaration

C#
VB.NET

csharp

[DXClientDocumentationProviderWeb("BootstrapTabControl")]
[ToolboxTabName("DX.25.2: Bootstrap Controls")]
public class BootstrapTabControl :
    ASPxTabControl,
    ISimpleRenderControl,
    IBootstrapTabControlCssClassesOwner

<ToolboxTabName("DX.25.2: Bootstrap Controls")>
<DXClientDocumentationProviderWeb("BootstrapTabControl")>
Public Class BootstrapTabControl
    Inherits ASPxTabControl
    Implements ISimpleRenderControl,
               IBootstrapTabControlCssClassesOwner

Remarks

Note

The BootstrapTabControl control provides you with comprehensive client-side functionality implemented using JavaScript code:

The control’s client-side equivalent is represented by the BootstrapClientTabControl object.
On the client side, the client object can be accessed directly by the name specified via the ASPxTabControlBase.ClientInstanceName property.
The available client events can be accessed by using the ASPxTabControlBase.ClientSideEvents property.

The control’s client-side API is enabled if the ASPxTabControlBase.EnableClientSideAPI property is set to true, or the ASPxTabControlBase.ClientInstanceName property is defined, or any client event is handled.

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:

ASPX

aspx

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

Inheritance

Object Control WebControl ASPxWebControlBase ASPxWebControl ASPxDataWebControlBase ASPxHierarchicalDataWebControl ASPxTabControlBase ASPxTabControl BootstrapTabControl