HamburgerMenuBottomBarNavigationButton Class

Represents a icon-only button in the Bottom Bar of the HamburgerMenu that navigates to the specified page with a click.

Namespace: DevExpress.UI.Xaml.Layout

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

NuGet Package: DevExpress.Uwp.Controls

Declaration

C#
VB.NET

[ContentProperty(Name = "Icon")]
[TemplatePart(Name = "PART_RootBorder", Type = typeof(Border))]
public class HamburgerMenuBottomBarNavigationButton :
    HamburgerMenuNavigationIconButton,
    IHamburgerMenuBottomBarItem,
    IVisualItem,
    IHamburgerMenuSupportCompactWidth,
    ISupportOwner<HamburgerMenu>

<ContentProperty(Name:="Icon")>
<TemplatePart(Name:="PART_RootBorder", Type:=GetType(Border))>
Public Class HamburgerMenuBottomBarNavigationButton
    Inherits HamburgerMenuNavigationIconButton
    Implements IHamburgerMenuBottomBarItem,
               IVisualItem,
               IHamburgerMenuSupportCompactWidth,
               ISupportOwner(Of HamburgerMenu)

Remarks

The HamburgerMenuBottomBarNavigationButton control represents a button in the bottom bar of the HamburgerMenu. To add a button to this bar, use the HamburgerMenu.BottomBarItems collection, or use HamburgerMenu.BottomBarItemsSource property to provide a source of buttons.

When an end-user clicks or taps the button, the application navigates to the associated target page. You specify the target page using the NavigationTargetType or NavigationTargetTypeName property. The NavigationTargetParameter property specifies the navigation parameter to pass to the target page.

In the bottom bar, the button can be left or right aligned. To specify the button’s alignment, use the HamburgerMenuBottomBarNavigationButton.Placement property.

The HamburgerMenuBottomBarNavigationButton only supports icons as its content. To specify the button’s content, use the HamburgerMenuBottomBarNavigationButton.Icon property, or define the content between the opening and closing HamburgerMenuBottomBarNavigationButton tags as shown below.

XAML

<Layout:HamburgerMenuBottomBarNavigationButton Placement="Right" NavigationTargetTypeName="HomePage">
    <FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xE008;"/>
</Layout:HamburgerMenuBottomBarNavigationButton>