New to Telerik UI for JSP? Download free 30-day trial

Keyboard navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
keyboard-navigation.jsp
KeyboardNavigationController.java

Also available for:

API REFERENCE

Focus

  • Alt + w focuses the widget

Actions applied on Grid header

  • Enter sort by the column
  • Alt + Down opens the filter menu
  • Esc closes the filter menu
  • Tab navigates through the elements in the filter menu(default browser behavior)
  • Shift + Tab same as Tab, but in reverse order
  • Ctrl + Left Arrow reorders the column with the previous one
  • Ctrl + Right Arrow reorders the column with the next one

Actions applied on Grid data table

  • Arrow Keys to navigate over the cells
  • Enter on group row will toggle expand/collapse
  • Page Up pages on previous page
  • Page Down pages on next page
  • Space selects the row holding the currently highlighted cell
  • Ctrl + Space selects or deselects the current row, while persisting previously selected rows (only for selection mode "multiple")
  • Shift + Space performs range selection, selects all the rows between the last selected one (with SPACE or mouse click) and the one holding the focused cell
  • Shift + Arrow Keys adds the row which holds the focused cell to the selection (only for selection mode "multiple")
  • Ctrl + Home focuses the first focusable element inside the body
  • Ctrl + End focuses the last focusable cell in the last row
  • Home focuses the first focusable cell in the row
  • End focuses the last focusable cell in the row
  • Ctrl + Space group/ungroup the focused column

Actions applied on Grid pager

  • Tab Focuses the Pager wrapper.
  • Enter When the Pager wrapper is focused, changes the focus to the first focusable Pager element.
  • Escape When an inner Pager element is focused, changes the focus to the Pager wrapper.
  • Tab When an inner Pager element is focused, changes the focus to the next Pager element.
  • Shift + Tab When an inner Pager element is focused, changes the focus to the previous Pager element.
  • Left arrow When the Pager wrapper is focused, loads the previous page, if it exists.
  • Page up When the Pager wrapper is focused, loads the previous page, if it exists.
  • Right arrow When the Pager wrapper is focused, loads the next page, if it exists.
  • Page down When the Pager wrapper is focused, loads the next page, if it exists.
  • Home When the Pager wrapper is focused, loads the first page, if the current page is not already the first one.
  • End When the Pager wrapper is focused, loads the last page, if the current page is not already the last one.

Support & Learning Resources