New to Telerik UI for ASP.NET Core? Download free 30-day trial

Keyboard navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • Change Theme
    Default
    SASS
    LESS
  • keyboard_navigation.cshtml
  • Keyboard_NavigationController.cs

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