HamburgerSubMenu Class

Represents a button with an icon in the HamburgerMenu that provides access to a Sub Menu.

Namespace: DevExpress.UI.Xaml.Layout

Assembly: DevExpress.UI.Xaml.Layout.v18.2.dll

Declaration

public class HamburgerSubMenu :
    HamburgerMenuIconButton,
    IIconProvider,
    IHamburgerMenuItem,
    ISplitCollectionItem,
    IVisualItem,
    IHamburgerMenuSupportCompactWidth,
    IHamburgerMenuSelectableItemsContainer,
    IItemsSourceControllerItem,
    ISupportPageHeader,
    ISupportOwner<HamburgerMenu>
Public Class HamburgerSubMenu
    Inherits HamburgerMenuIconButton
    Implements IIconProvider,
               IHamburgerMenuItem,
               ISplitCollectionItem,
               IVisualItem,
               IHamburgerMenuSupportCompactWidth,
               IHamburgerMenuSelectableItemsContainer,
               IItemsSourceControllerItem,
               ISupportPageHeader,
               ISupportOwner(Of HamburgerMenu)

The HamburgerSubMenu control is a button in the HamburgerMenu that invokes a flyout panel with a click. Use the HamburgerMenu.Items collection to add the HamburgerSubMenu to the HamburgerMenu.

The flyout panel displays items of the sub menu. To specify the collection of sub-menu items, use the HamburgerSubMenu.Items property.

You can display sub menu items in a preview directly in the main menu below the sub menu button. To add a sub menu item to the preview, set its HamburgerSubMenuNavigationButton.ShowInPreview property to true.

The markup below shows a sample sub-menu.

<Layout:HamburgerSubMenu Content="Folders">
    <Layout:HamburgerSubMenu.Icon>
        <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xE8B7;" />
    </Layout:HamburgerSubMenu.Icon>
    <Layout:HamburgerSubMenu.Items>
        <Layout:HamburgerSubMenuNavigationButton Content="Outbox" RightContent="12" NavigationTargetType="local:HamburgerMenuDemo_OutboxPage"/>
        <Layout:HamburgerSubMenuNavigationButton Content="Inbox" RightContent="142" ShowInPreview="True" NavigationTargetType="local:HamburgerMenuDemo_InboxPage"/>
        <Layout:HamburgerSubMenuNavigationButton Content="Drafts" RightContent="2" ShowInPreview="True" NavigationTargetType="local:HamburgerMenuDemo_DraftsPage"/>
        <Layout:HamburgerSubMenuNavigationButton Content="Junk" NavigationTargetType="local:HamburgerMenuDemo_JunkPage"/>
        <Layout:HamburgerSubMenuNavigationButton Content="Sent" RightContent="452" ShowInPreview="True" PreviewContent="Sent Items" NavigationTargetType="local:HamburgerMenuDemo_SentPage"/>
        <Layout:HamburgerSubMenuNavigationButton Content="Trash" RightContent="15" NavigationTargetType="local:HamburgerMenuDemo_TrashPage"/>
    </Layout:HamburgerSubMenu.Items>
</Layout:HamburgerSubMenu>

Inheritance

See Also