ASPxPageControl.ShowTabs Property
In This Article
Gets or sets whether tab page headers are displayed within the PageControl.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v24.2.dll
NuGet Package: DevExpress.Web
#Declaration
#Property Value
Type | Default | Description |
---|---|---|
Boolean | true |
|
#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