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

  • Alt + w focuses the widget

Supported keys and user actions

  • If .NavigateOnTab(true)

    Tab focuses next focusable item
  • Shift + Tab focuses previous focusable item
  • If .NavigateOnTab(false) - default

    Right focuses next focusable item
  • Left focuses previous focusable item
  • General

    Enter presses the focused button, or enters inner template navigation if template contains focusable items
  • Space presses the focused button
  • Home focuses first focusable item
  • End focuses last focusable item
  • Esc if inner template navigation is activated, moves focus back to the ToolBar item

Action applied on SplitButton/CommandOverflow

  • Alt + Down opens SplitButton/ComandOverflow menu
  • Down focuses next item in the SplitButton/CommandOverflow menu
  • Up focuses previous item in the SplitButton/CommandOverflow menu
  • Alt + Up closes SplitButton/ComandOverflow menu
  • Esc closes SplitButton/ComandOverflow menu
  • Enter presses the focused button
  • Space presses the focused button

Support & Learning Resources