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

Keyboard navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT IN TELERIK REPL
  • 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.cshtml
Keyboard_NavigationController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

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