BootstrapPageControl.TabPages Property

Provides access to the collection of tabbed pages within the PageControl.

Namespace: DevExpress.Web.Bootstrap

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

Declaration

C#

[PersistenceMode(PersistenceMode.InnerProperty)]
public BootstrapTabPageCollection TabPages { get; }

VB.NET

<PersistenceMode(PersistenceMode.InnerProperty)>
Public ReadOnly Property TabPages As BootstrapTabPageCollection

Property Value

Type	Description
BootstrapTabPageCollection	A BootstrapTabPageCollection object representing the collection of tabbed pages.

Remarks

The TabPages property provides access to a collection that contains all tabbed pages of the current page control. This collection provides standard means to manipulate (add or remove) page objects within the page control. A particular tabbed page can be accessed using index notation.

Example

This example demonstrates the basic functionality of the Page Control.

• Initialize a new instance of the BootstrapPageControl class.
• Add required BootstrapTabPage objects to the BootstrapPageControl.TabPages collection.
• Fill each tab page with the necessary content controls - BootstrapLayoutItem.ContentCollection items.

The image below shows the result:

ASPX

<dx:BootstrapPageControl runat="server">
    <TabPages>
        <dx:BootstrapTabPage Text="Home">
            <ContentCollection>
                <dx:ContentControl runat="server" SupportsDisabledAttribute="True">
                    ...
                </dx:ContentControl>
            </ContentCollection>
        </dx:BootstrapTabPage>
        <dx:BootstrapTabPage Text="Products">
            <ContentCollection>
                <dx:ContentControl runat="server" SupportsDisabledAttribute="True">
                    ...
                </dx:ContentControl>
            </ContentCollection>
        </dx:BootstrapTabPage>
        <dx:BootstrapTabPage Text="Support">
            <ContentCollection>
                <dx:ContentControl runat="server" SupportsDisabledAttribute="True">
                    ...
                </dx:ContentControl>
            </ContentCollection>
        </dx:BootstrapTabPage>
    </TabPages>
</dx:BootstrapPageControl>