Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

MenuDisplayMode Enum

Lists value that specify how the menu is displayed on different devices.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public enum MenuDisplayMode

#Members

Name Description
Auto

Mobile and tablet devices show the menu in a compact view.
Other device types show the menu as a panel with root items.’

Desktop

The menu is shown as a panel with root items. Child items are available in drop-down menus.

Mobile

The menu is in a compact view.

#Related API Members

The following properties accept/return MenuDisplayMode values:

#Remarks

The Menu component supports different display modes (the DisplayMode property):

  • Auto - the menu automatically adapts to the device type.

  • Desktop - the menu is shown as a panel with root items. The menu view also depends on the orientation: horizontal orientation places child items in drop-down menus; vertical orientation shows submenus with child items to the side of the menu container.

  • Mobile - the menu has a compact view and depends on the orientation. In the horizontal orientation, it is a hamburger menu. In the vertical orientation, the menu looks like a desktop menu - a panel with root items, but submenus are shown in the main menu container and have the Back button.

The following code snippet specifies display mode:

Razor
<DxMenu Orientation="Orientation.Horizontal"
        DisplayMode="MenuDisplayMode.Desktop">
        ...
</DxMenu>        

#Desktop Horizontal Menu

Desktop Horizontal Menu

#Desktop Vertical Menu

Desktop Vertical Menu

#Mobile Horizontal Menu

Mobile Horizontal Menu

#Mobile Vertical Menu

Mobile Vertical Menu

See Also