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

jQuery Timeline 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

Also available for:

API REFERENCE

Focus

  • Alt + w focuses the widget

Actions applied in vertical mode

Actions on card

  • Tab Focus next card
  • Shift + Tab Focus previous card
  • Space Toggle the expand/collapse state of the item
  • Enter Toggle the expand/collapse state of the item

Actions applied in horizontal mode

Actions on the date list

  • Left arrow Focuses the previous date
  • Right arrow Focuses the next date
  • Enter Selects the current event
  • Spacebar Selects the current event

Description

In Horizontal mode the timeline wrap class should be focused instead of the header card. The following chapter of the documentation describes how to achieve this.

Support & Learning Resources

Additional Resources