New to Telerik UI for ASP.NET MVCStart a 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.

javascript
$(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:

SHORTCUTDESCRIPTION
TabFocus the next card.
Shift + TabFocus the previous card.
SpaceToggle the expand/collapse state of the item.
EnterToggle the expand/collapse state of the item.

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

SHORTCUTDESCRIPTION
EnterSelects the current event.
SpaceSelects the current event.
Left ArrowFocuses the previous date.
Right ArrowFocuses the next date.

See Also

In this article
See Also
Not finding the help you need?
Contact Support