• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Keyboard Navigation in ASP.NET Core Gantt 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