New to Kendo UI for jQuery? Download free 30-day trial

jQuery TaskBoard Keyboard Navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Kendo UI Dojo
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
    Launch Theme Builder
keyboard-navigation.html
cardData.js

Also available for:

API REFERENCE

Focus

  • Tab navigate to the TaskBoard

Focus last card

  • Ctrl q focuses the last card (a custom shortcut implemented with TaskBoard's registerShortcut API method)

Supported keys and user actions

  • Left arrow focuses the previous column or a card in the previous column
  • Right arrow focuses the next column or a card in the next column
  • Up arrow focuses the previous card
  • Down arrow focuses the next card
  • Enter selects the focused card
  • Delete deletes the focused card
  • Ctrl e puts the focused card or column in edit mode
  • Ctrl a adds a new column or card

Support & Learning Resources

Additional Resources