Example of Keyboard Navigation in ASP.NET MVC Gantt Chart Control
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.
| Keys | Description |
| Alt + j | Focus Gantt element |
| 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 |
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.
| 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 |
More information on the Essential® Gantt Chart can be found in this keyboard navigation documentation section.
Looking for the full ASP.NET MVC Gantt Chart component overview, features, pricing, and documentation? Visit the ASP.NET MVC Gantt Chart page.