Adaptive Layout

The Hamburger Menu automatically changes its view according to the application window width. The menu provides three states that you can set by specifying the HamburgerMenu.AvailableViewStates property:

  • Inline - for wider UI layouts. The menu is displayed expanded inline with the main content.
  • Overlay - a menu is collapsed and can be expanded overlaying the content. To specify the window width after which this state is enabled, use the HamburgerMenu.CompactOverlayStateFrameThreshold property;
  • Flyout - for narrower UI layouts. The menu is minimized up to the hamburger button, which invokes the menu fly-out. To specify the window width after which this state is enabled, use the HamburgerMenu.MinimizedFlyoutStateFrameThreshold property.

Hamburger Adaptive