Change Theme

SASS Themes (beta)

LESS Themes

SASS Theme Builder

Create new or customize SASS themes

Launch Theme Builder

Menu / Keyboard navigation

Vertical menu

First Item
- Sub Item 1
- Sub Item 2
  - Sub sub item 1
  - Sub sub item 2
  - Sub sub item 3
  - Sub sub item 4
- Sub Item 3
- Sub Item 4
Second Item
- Sub Item 1
- Sub Item 2
- Sub Item 3
- Sub Item 4
Disabled Item

Horizontal menu

First Item
- Sub Item 1
- Sub Item 2
  - Sub sub item 1
  - Sub sub item 2
  - Sub sub item 3
  - Sub sub item 4
- Sub Item 3
- Sub Item 4
Second Item
- Sub Item 1
- Sub Item 2
- Sub Item 3
- Sub Item 4
Disabled Item

Focus

Alt + W focuses vertical menu (clicking on it or tabbing also work)
Alt + Q focuses the horizontal menu (clicking on it or tabbing also work)

Supported keys and user actions

Home Goes to the first item
End Goes to the last item
Right Goes to the next item or opens an item group
Left Goes to the previous item or closes an item group
Down Opens an item group or goes to the next item in a group
Up Goes to the previous item in a group
Enter Select or navigate item (same as click)
Space Select or navigate item (same as click)
Esc closes the innermost open group
Tab tabs away from the Menu on the next focusable page element
Shift + Tab tabs away from the Menu on the previous focusable page element

JSP source

Also available for:

API Reference

keyboard-navigation.jsp
KeyboardNavigationController.java
Widget configuration

Select widget to inspect

Support & learning resources

Menu for other technologies