MenuDisplayMode Enum

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

Declaration

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 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 code below demonstrates how to specify display mode:

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

Desktop Horizontal Menu

Desktop Horizontal Menu

Run Demo

Desktop Vertical Menu

Desktop Vertical Menu

Run Demo

Mobile Horizontal Menu

Mobile Horizontal Menu

Run Demo

Mobile Vertical Menu

Mobile Vertical Menu

Run Demo

See Also