The requested page is not available for the requested platform. You are viewing the content for Default platform.

BootstrapTabControl Class

Represents a navigation control used to create tabbed interfaces.

Namespace: DevExpress.Web.Bootstrap

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

Declaration

[ToolboxTabName("DX.19.2: Bootstrap Controls")]
[DXClientDocumentationProviderWeb("BootstrapTabControl")]
public class BootstrapTabControl :
    ASPxTabControl,
    ISimpleRenderControl,
    IBootstrapTabControlCssClassesOwner
<ToolboxTabName("DX.19.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 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.

Examples

This example demonstrates the basic functionality of the Tab control.

The image below demonstrates the result:

BootstrapNavigation_Landing_Tabs

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