New to Kendo UI for Vue? Start a free 30-day trial

Keyboard Navigation

The keyboard navigation of the Gantt is always available.

The toolbar of the Gantt supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
F10Focuses the toolbar.
TabFocuses the next toolbar item.
Shift+TabFocuses the previous toolbar item.
Enter or SpaceActivates the toolbar item.
Right ArrowFocuses the next view when the focus is over the views container.
Left ArrowFocuses the previous view when the focus is over the views container.

The timeline of the Gantt supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
DeleteDeletes the currently selected task or dependency.

The tree-list header of the Gantt supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
EnterSorts by column.

The tree-list data table of the Gantt supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Arrow KeysNavigate over the cells.
EnterOpens the cell editor.
EscCloses the cell editor.
SpaceSelects the row of the currently highlighted cell.
DeleteDeletes the currently selected task.
1, 2, or 3Switch between the available views.
Alt+Arrow KeysScrolls the timeline.
Ctrl+Arrow KeysExpands or collapses the summary row.

The Add Task drop-down list of the Gantt supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Up ArrowHighlights the previous item.
Down ArrowHighlights the next item.
EnterSelects the highlighted item.
EscCloses the drop-down list.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?