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

Keyboard Navigation

The keyboard navigation of the TimeLine is always available.

In Vertical mode when the TimeLine is focused, the first card gets focused. In Horizontal mode when the TimeLine is focused, the timeline scrollable wrap element gets focused. For a complete example, refer to the demo on keyboard navigation of the TimeLine.

Focusing the widget with the ALT+W key combination in Horizontal mode

The demo showcases how to focus the widget when the Vertical mode is used. In order to focus the widget with the ALT+W key combination in Horizontal mode, you should use the ".k-timeline-scrollable-wrap" class as a selector.

$(document.body).keydown(function (e) {
    if (e.altKey && e.keyCode == 87) {
        $(".k-timeline-scrollable-wrap").focus();
    }
});

Kendo UI TimeLine supports the following keyboard shortcuts in Vertical mode:

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

Kendo UI TimeLine supports the following keyboard shortcuts in Horizontal mode:

SHORTCUT DESCRIPTION
Enter Selects the current event.
Space Selects the current event.
Left Arrow Focuses the previous date.
Right Arrow Focuses the next date.

See Also

In this article