New to Telerik UI for ASP.NET Core? Download free 30-day trial

Telerik UI for ASP.NET Core Gantt Keyboard Navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
keyboard_navigation.cshtml
Keyboard_NavigationController.cs
SchedulerTaskService.cs
TaskViewModel.cs
DependencyViewModel.cs
Keyboard_Navigation_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Focus

  • Alt + w focuses the widget

Actions applied on Gantt's toolbar

  • F10 focuses toolbar
  • Tab focuses next toolbar item
  • Shift + Tab focuses previous toolbar item
  • Enter or Space activates toolbar item
  • Right focuses next view when focus is over the views container
  • Left focuses previous view when focus is over the views container

Actions applied on Gantt's Timeline

  • Delete deletes currently selected task and/or dependency

Actions applied on Gantt's TreeList header

  • Enter sort by the column

Actions applied on Gantt's TreeList data table

  • Arrow Keys to navigate over the cells.
  • Enter opens cell editor.
  • Esc closes cell editor.
  • Space selects currently highlighted cell's row.
  • Delete deletes currently selected task.
  • 1 - 3 moves between the available views.
  • Alt Left Arrow / Alt Right Arrow scrolls timeline.
  • Ctrl Right Arrow / Ctrl Left Arrow expand/collapse summary row.

Actions applied on 'Add Task' action DropDown

  • Up Arrow highlights previous item.
  • Down Arrow highlights next item.
  • Enter selects highlighted item.
  • Esc closes the dropdown.
This Gantt example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources