Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Multi-Row Tabs

This demo illustrates how to represent the ASPxPageControl's tab header in several rows. To start a new line from a certain tab, set the NewLine property of the required tab object to true. In this example, the "Data" tab page has the NewLine property set to true.

Multi-row tab representation works only when the tab header is positioned on the control's top or bottom, that is when the TabPosition property is set to Top or Bottom.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxNavigationAndLayoutDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxNavigationAndLayoutDemos