Skip to main content
BuyLog In
WinForms Controls
Search in…
Docs > Controls and Libraries > Navigation Controls > Accordion Control > Hamburger Menu View Style
All docs
V24.1
WinForms Controls
.NET/.NET Core Support
Prerequisites
What's Installed
Build an Application
Controls and Libraries
Forms and User Controls
Messages, Notifications, and Dialogs
Editors and Simple Controls
Ribbon, Bars and Menu
Application UI Manager
Docking Library
Data Grid
Vertical Grid
Property Grid
Pivot Grid
Tree List
Gantt Control
Chart Control
Diagrams
Gauges
Map Control
Scheduler
Spreadsheet
Rich Text Editor
Spell Checker
Form Layout Managers
Navigation Controls
Navigation Bar
Accordion Control
Hamburger Menu View Style
Element Header Layout
How To: Create AccordionControl in code
How To: Replicate the appearance and behavior of the DevExpress Demo Center's Accordion Control
Navigation Frame and Tab Pane
Navigation Pane
Tile Bar
Tile Nav Pane
WindowsUI Button Panel
Office Navigation Bar
Tile Control
Printing-Exporting
PDF Viewer
Reporting
Office File API
Snap
TreeMap Control
Sunburst Control
Sankey Diagram Control
Heatmap Control
Common Features
Security Considerations
UI Templates
Desktop & Web App UI Framework (Powered by EF Core)
Get More Help
API Reference
Download CHM

Hamburger Menu View Style

The Accordion control supports the Hamburger Menu view style, which, compared to the default view (Accordion Control), provides a Hamburger button (which expands/collapses the menu), and three display modes (Inline, Overlay and Minimal).

  • Inline — The Hamburger Menu is displayed as a side bar when collapsed, and in-line with form content when expanded.

    Accordion_Inline

  • Overlay — The Hamburger Menu is displayed as a side bar when collapsed, and in an overlay above the content area when expanded.

    Accordion_Overlay

  • Minimal — The Hamburger Menu is rendered as a small Hamburger button when collapsed (if DockStyle is set to Left, Right or None), or as a top-aligned bar containing the Hamburger button (if DockStyle is set to Top). When expanded, the menu is shown as an overlay above the content area.

    Accordion_Minimal

To enable this view style, set the AccordionControl.ViewType property to HamburgerMenu. The AccordionControl.OptionsHamburgerMenu.DisplayMode option (see AccordionOptionsHamburgerMenu.DisplayMode) specifies the menu’s display mode in the expanded and collapsed states. To specify the state: expanded or collapsed — use the AccordionControl.OptionsMinimizing.State property (see OptionsMinimizing.State).

accordionControl1.ViewType = DevExpress.XtraBars.Navigation.AccordionControlViewType.HamburgerMenu;
accordionControl1.OptionsHamburgerMenu.DisplayMode = DevExpress.XtraBars.Navigation.AccordionControlDisplayMode.Overlay;

To access additional Hamburger Menu options, use the AccordionControl.OptionsHamburgerMenu property.