HamburgerSubMenu.MoreButtonVisibilityMode Property

Gets or sets whether the More predefined button, which invokes a fly-out panel containing all sub-menu items, is displayed below the sub-menu items shown in preview.

Namespace: DevExpress.UI.Xaml.Layout

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

Declaration

public HamburgerSubMenuMoreButtonVisibility MoreButtonVisibilityMode { get; set; }
Public Property MoreButtonVisibilityMode As HamburgerSubMenuMoreButtonVisibility

Property Value

Type Description
DevExpress.UI.Xaml.Layout.Internal.HamburgerSubMenuMoreButtonVisibility

A DevExpress.UI.Xaml.Layout.Internal.HamburgerSubMenuMoreButtonVisibility enumeration value that specifies whether the More predefined button is displayed. The default is Auto.

Remarks

The HamburgerSubMenu.Items property specifies the collection of sub-menu items. When an end-user clicks on a sub-menu, a fly-out panel containing sub-menu items appears. However, a particular sub-menu item can also be displayed directly in the main menu below the sub-menu button. To enable this behavior for a particular item, set its HamburgerSubMenuNavigationButton.ShowInPreview property to true.

It the figure below, the Inbox, Drafts and Sent items of the Folders sub-menu are shown in preview.

HamburgerMenu_Items

Below is a markup that corresponds the sub-menu in the figure.

xmlns:Layout="using:DevExpress.UI.Xaml.Layout"

<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>

By default, the MoreButtonVisibilityMode property is set to Auto. In this mode, the More predefined button is automatically displayed if not all items are shown in the preview. With a click on this button, a sub-menu fly-out panel that contain all sub-menu items opens.

Set this property to Hidden or Visible to explicitly specify the More button's visibility.

See Also