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


  • Small Items
  • Large Items

This demo illustrates the key features available to you within the DevExpress MVC NavBar extension. Use the controls on the right to change individual property values and see the associated results within the NavBar.

In order to disable the expansion/collapse of groups within the NavBar, the AllowExpanding property should be set to false. To enable selection of NavBar items on the client side, set the AllowSelectItem property to true.

To force the MVC NavBar extension to display only one expanded group at any point in time, the AutoCollapse property value should be set to true. This behavior emulates a SideBar control.

The EnableHotTrack property allows you to specify whether NavBar items and groups can visually respond to mouse hover events. By using the SaveStateToCookies property, you can control whether information about the expansion state of groups is preserved between site visits.

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