ASPxPageControl.ShowTabs Property

Gets or sets whether tab page headers are displayed within the PageControl.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue(true)]
public bool ShowTabs { get; set; }

VB.NET

<DefaultValue(True)>
Public Property ShowTabs As Boolean

Property Value

Type	Default	Description
Boolean	true	true if the control’s tab page headers should be displayed; otherwise, false.

Remarks

Use the ShowTabs property to control the display of tab page headers. If this property is set to false, the HTML code representing tabs is not rendered into the page.

Example

This example demonstrates how to use the ASPxPageControl.ShowTabs property. The ASPxPageControl has three tab pages, selected by clicking the ASPxNavBar‘s item client.

ASPX

<dxtc:ASPxPageControl ID="ASPxPageControl1" runat="server" ActiveTabIndex="0" 
ClientInstanceName="PageControl1" Height="101px" ShowTabs="False" Width="228px">
            <TabPages>
                <dxtc:TabPage Text="Tab1">
                    <ContentCollection>
                        <dxw:ContentControl runat="server">
                            Page1 content
                        </dxw:ContentControl>
                    </ContentCollection>
                </dxtc:TabPage>
                <dxtc:TabPage Text="Tab2">
                    <ContentCollection>
                        <dxw:ContentControl runat="server">
                            Page2 content
                        </dxw:ContentControl>
                    </ContentCollection>
                </dxtc:TabPage>
                <dxtc:TabPage Text="Tab3">
                    <ContentCollection>
                        <dxw:ContentControl runat="server">
                            Page3 content
                        </dxw:ContentControl>
                    </ContentCollection>
                </dxtc:TabPage>
            </TabPages>
</dxtc:ASPxPageControl>


<dxnb:ASPxNavBar ID="ASPxNavBar1" runat="server" AllowSelectItem="True">
            <Groups>
                <dxnb:NavBarGroup>
                    <Items>
                        <dxnb:NavBarItem Text="Item1" Selected="True">
                        </dxnb:NavBarItem>
                        <dxnb:NavBarItem Text="Item2">
                        </dxnb:NavBarItem>
                        <dxnb:NavBarItem Text="Item3">
                        </dxnb:NavBarItem>
                    </Items>
                </dxnb:NavBarGroup>
            </Groups>
            <ClientSideEvents ItemClick="function(s, e) {
     switch(e.item.index) 
     { 
     case 0: {PageControl1.SetActiveTab(PageControl1.GetTab(0)); break;}
     case 1: {PageControl1.SetActiveTab(PageControl1.GetTab(1)); break;}
     case 2: {PageControl1.SetActiveTab(PageControl1.GetTab(2)); break;}
     }

         }" />
</dxnb:ASPxNavBar>
...