Tab

ASPxPageControl.ShowTabs Property

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

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.1.dll

Declaration

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

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.

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