Unbound Mode

• Feb 02, 2023

In an Unbound Mode, the Menu is not bound to any data source and can be populated manually. To create nodes, use the MVCxMenuItemCollection.Add methods.

Razor (View)

@Html.DevExpress().Menu(settings => {
    settings.Name = "MyMenu";
    settings.ShowPopOutImages = DefaultBoolean.True;
    settings.Items.Add("Home", "HomePage", "~/Content/Images/Home.png", "https://www.devexpress.com/");
    settings.Items.Add(item => {
        item.Text = "News";
        item.Name = "NewsPage";
        item.Image.Url = "~/Content/Images/News.png";
        item.NavigateUrl = "https://www.devexpress.com/aboutus/newsreviews/";
        item.Items.Add("Subscriptions", "SubscriptionsPage", "~/Content/Images/Subscriptions.png", "https://www.devexpress.com/support/versions.xml#version-history");
    });
    settings.Items.Add(item => {
        item.Text = "Products";
        item.Name = "ProductsPage";
        item.Image.Url = "~/Content/Images/Products.png";
        item.NavigateUrl = "https://www.devexpress.com/subscriptions/universal.xml";
        item.Items.Add("Downloads", "DownloadsPage", "~/Content/Images/Downloads.png", "https://www.devexpress.com/ClientCenter/Downloadmanager/");
        item.Items.Add("Support", "SupportPage", "~/Content/Images/Support.png", "https://www.devexpress.com/support/install/");
    });
}).GetHtml()

The image below illustrates the result.