This common navigation pattern is typically referred to as a hamburger menu, drawer menu, or tree navigation and is well suited for applications that have many navigation items, or require nested navigation. On small screens, you simply tap on the hamburger icon near the top left (or top right when using right-to-left languages) corner of your screen and the menu will slide out. You can make a selection and immediately navigate to the selected item.
Steps
- Go to Shared Components → User Interface Attributes → Edit Desktop
- Scroll to Navigation Menu and set Position to Side
- Set the List Template to Side Navigation Menu
-
-
Add Actions
Use this option to add shortcuts for menu items. Note that actions.js must be included on your page to support this functionality.
-
Collapsed by Default
This option will load the side navigation menu in a collapsed state by default.
-
-
Classic
Classic Style
-
Style A
Style Variation A
-
Style B
Style Variation B
-