Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Tab Scrolling

This demo illustrates the DevExpress MVC PageControl extension's support for scroll buttons within its tab header. To enable tab scrolling, set the EnableTabScrolling property to true. Once set, if the control's size doesn't allow all tabs to be displayed within the tab header simultaneously, scroll buttons are appear allowing end-users to scroll tabs. Scroll button position can be specified via the TabAlign property.

Note that tab scrolling is only available when the tab header is positioned on the control's top or bottom - the TabPosition property is set to Top or Bottom.

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
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos