Skip to main content
BuyLog In
Windows 10 App Controls
Search in…
Docs > Windows 10 App Controls > Controls > Navigation and Layout > Hamburger Menu > Adaptive Layout
All docs
V21.2
Windows 10 App Controls
Prerequisites
Getting Started
Controls
Navigation and Layout
Hamburger Menu
Visual Elements
Getting Started
Adaptive Layout
MVVM Support
Layout Control
Master-Detail Pattern
Ribbon Control
Data Editors
Data Grid
Charts
Map Control
Gauges
PDF Viewer
Scheduler
SVG Icon
Context Menu
Themes and Color Schemes
Localization
Get More Help
API Reference
Download CHM

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