| title | page_title | description | slug | position |
|---|---|---|---|---|
Keyboard Navigation |
Keyboard Navigation - Gantt - Kendo UI for Vue |
Explore the keyboard navigation options provided by the Kendo UI Gantt wrapper for Vue. |
keyboard_navigation_gantt |
7 |
The keyboard navigation of the Gantt is always available.
The toolbar of the Gantt supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
F10 |
Focuses the toolbar. |
Tab |
Focuses the next toolbar item. |
Shift+Tab |
Focuses the previous toolbar item. |
Enter or Space |
Activates the toolbar item. |
Right Arrow |
Focuses the next view when the focus is over the views container. |
Left Arrow |
Focuses the previous view when the focus is over the views container. |
The timeline of the Gantt supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Delete |
Deletes the currently selected task or dependency. |
The tree-list header of the Gantt supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Enter |
Sorts by column. |
The tree-list data table of the Gantt supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Arrow Keys |
Navigate over the cells. |
Enter |
Opens the cell editor. |
Esc |
Closes the cell editor. |
Space |
Selects the row of the currently highlighted cell. |
Delete |
Deletes the currently selected task. |
1, 2, or 3 |
Switch between the available views. |
Alt+Arrow Keys |
Scrolls the timeline. |
Ctrl+Arrow Keys |
Expands or collapses the summary row. |
The Add Task drop-down list of the Gantt supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Up Arrow |
Highlights the previous item. |
Down Arrow |
Highlights the next item. |
Enter |
Selects the highlighted item. |
Esc |
Closes the drop-down list. |
{% meta height:750 %} {% embed_file keyboard-navigation/main.vue preview %} {% embed_file keyboard-navigation/main.js %} {% endmeta %}