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

Main Menu

The main section of the Hamburger Menu contains navigation commands that are represented by buttons with icons and captions.

Hamburger Main and Bottom

To specify the collection of the main menu, use the HamburgerMenu.Items property or declare buttons between the Hamburger Menu‘s opening and closing tags in XAML. You can add the following buttons to the collection.

Use the Placement property to pin the button to the main menu’s top / bottom side.

To use the Hamburger Menu with another control, specify the control as the HamburgerMenu.Content property value:

<dxwui:HamburgerMenu >
    <dxwui:HamburgerSubMenu>
        <dxmvvm:Interaction.Behaviors>
            <dxwui:HamburgerSubMenuThemeSelectorBehavior ShowTouchThemes="False" PreviewThemeNames="VS2017Light,VS2017Dark,Office2019White,Office2019HighContrast"/>
        </dxmvvm:Interaction.Behaviors>
    </dxwui:HamburgerSubMenu>
    <dxwui:HamburgerMenu.Content>
        <dxdo:DockLayoutManager x:Name="dockManager">
            <dxdo:LayoutGroup x:Name="layoutRoot">
                ...
            </dxdo:LayoutGroup>
        </dxdo:DockLayoutManager>
    </dxwui:HamburgerMenu.Content>
</dxwui:HamburgerMenu>
See Also