All Components
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 Item 3
        • Sub Item 4
      • Second Item
        • Sub Item 1
        • Sub Item 2
        • Sub Item 3
        • Sub Item 4
      • Third Item
        • Sub Item 1
        • Sub Item 2
        • Sub Item 3
        • Sub Item 4

      Horizontal menu

      • First Item
        • Sub Item 1
        • Sub Item 2
        • Sub Item 3
        • Sub Item 4
      • Second Item
        • Sub Item 1
        • Sub Item 2
        • Sub Item 3
        • Sub Item 4
      • Third Item
        • Sub Item 1
        • Sub Item 2
        • Sub Item 3
        • Sub Item 4

      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

      • 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)
      • 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

      ASP.NET MVC source

      Also available for:

      • keyboard_navigation.cshtml
      • Keyboard_NavigationController.cs

      Support & learning resources

      Menu for other technologies