Navigation and Layout - Menu Overview

  • Home
  • Profile
  • Clients
  • Reports
About the Menu

The DevExpress ASP.NET MVC Menu extension allows you to add menus to your website. You can add the menu content directly within your control, or populate it with data from a data source.

To add a hierarchical Menu (with pop-out submenus) to your web application, add the Menu extension to the View, and add the required menu items and respective subitems.

View code:

@Html.DevExpress().Menu(settings => {
    settings.Name = "mOverview";
    settings.Items.Add(item => {
        item.Text = "Home";
        item.Image.Url = "~/Images/ButtonHome.png";
        item.Items.Add("Contact Us");
    settings.Items.Add(item => {
        item.Text = "Profile";
        item.Image.Url = "~/Images/BO_Users_Large.png";
        item.Items.Add("Change Password");
    // And other items

Key Features
  • Binding to Data
    You can bind a menu to a data source so that your menu structure is retrieved from an XML file, a SiteMap or a hierarchical list.
  • Full Width Sub Menu
    A submenu can be displayed full width.
  • Scrollable Submenus
    Menu can display scroll buttons for submenus whose content does not fit within the visible area.
  • Templates
    Templates are fully supported. For each element within Menu, you can customize the appearance or layout using any HTML content.
  • Rich Client-Side Functionality
    A comprehensive client-side API is available for Menu. This functionality, coupled with the ability to handle events on the client side, gives you full control over the menu behavior on the client side.
  • Popup Menu
    Popup Menu allows you to provide context-sensitive action lists to your end-users.
  • Horizontal and Vertical Layouts
    Horizontal or vertical layouts can be used at the root level. This means that you can build menus that open sideways, in addition to main menus.
Version: v2017 vol 1.3
Copyright © 2006-2017 Developer Express Inc
Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support).

All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.