This demo showcases the keyboard shortcuts applicable on Gantt and also lists out in below descriptions, and this demo also explains how those applicable shortcuts interacts with Gantt actions.
All the Gantt actions can be controlled via keyboard keys and are availed using the allowKeyboard property, which is set to true by default. The applicable key combinations and their relative functionalities are listed below.
Gantt component features are segregated into individual feature-wise modules. To use a selection, inject the
Selection module using the Gantt.Inject(Selection) method.To use a toolbar, inject
the Toolbar module using the Gantt.Inject(Toolbar) method.To use a edit, inject the
Edit module using the Gantt.Inject(Edit) method.To use markers, inject the
DayMarkers module using the Gantt.Inject(DayMarkers) method.
| Keys | Description |
Alt + J |
Focus Gantt Component |
Tab / Shift + Tab |
Focus the next or previous element |
Home |
First Row Selection |
End |
Last Row Selection |
DownArrow |
Move Row Selection Down |
UpArrow |
Move Row Selection Up |
LeftArrow |
Move Cell Selection Left |
RightArrow |
Move Cell Selection Right |
Ctrl + UpArrow |
Collapse All |
Ctrl + DownArrow |
Expand All |
Ctrl + Shift + UpArrow |
Collapse Row |
Ctrl + Shift + DownArrow |
Expand Row |
Enter |
Save Request |
Esc |
Cancel Request |
Insert |
Add Record |
Ctrl + Insert |
Add Record By Dialog |
Ctrl + F2 |
Edit Record By Dialog |
Delete |
Delete Row |
Ctrl + Shift + F |
Focus Search Textbox |
Shift + F5 |
Focus Task |
Shift + DownArrow |
Move Cell Selection Down |
Shift + UpArrow |
Move Cell Selection Up |
Shift + LeftArrow |
Move Cell Selection Left |
Shift + RightArrow |
Move Cell Selection Right |
Ctrl + Z |
Undo Last Action |
Ctrl + Y |
Redo Last Action |