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

Menu Emulation

This example demonstrates how the ASPxRibbon control can be customized to implement the look and feel of a menu. For this purpose, all items are displayed with large icons (the Size property is set to Large). The following properties are used to hide ribbon elements.

The "Demonstrate the ribbon adaptive layout functionality" check box allows you to change the control width to demonstrate a ribbon’s adaptive layout design. When a ribbon control has insufficient space to display all of its items, groups with more than one item are collapsed, and each collapsed group displays an expand button.

Note

Although you can use the ribbon to emulate a menu, DevExpress offers the ASPxMenu control, which adds menu functionality to your application.

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