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

Keyboard Navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
keyboard_navigation.cshtml
Keyboard_NavigationController.cs
keyboard_navigation_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Focus

  • Access key + w focuses the first node in the OrgChart

Keyboard legend

  • Down arrow When focus is on a closed node, opens the node. When focus is on an open node, moves the focus to the first child node.
  • Up arrow When focus is on an open node, closes the node. When focus is on an end node or a closed node, moves focus to its parent node.
  • Left arrow Moves focus to the previous node that is focusable without opening or closing a node.
  • Right arrow Moves focus to the next node that is focusable without opening or closing a node.
  • Home Moves focus to the first node that is focusable without opening or closing a node.
  • End Moves focus to the last node that is focusable without opening or closing a node.
  • Enter In editable OrgChart opens the ContextMenu for the focused node. Upon closing the menu, the focus will move back to the item.

Support & Learning Resources