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.

DEMO

SOURCE

Keys	Description
Alt + j	Focus Gantt element
Home	First Row Selection
End	Last Row Selection
DownArrow	Move Row Selection Down
UpArrow	Move Row Selection Up
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

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
`Home`	First Row Selection
`End`	Last Row Selection
`DownArrow`	Move Row Selection Down
`UpArrow`	Move Row Selection Up
`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