R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

    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

      Support & learning resources

      Menu for other technologies