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

Keyboard navigation

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

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Keyboard legend

  • Access key + w focuses the widget
  • up arrow highlights previous item
  • down arrow highlights next item / opens popup if value is set
  • page up scrolls the popup up
  • page down scrolls the popup down
  • enter selects highlighted item
  • esc closes the popup / clears value if popup is not opened

Description

The keyboard navigation for the AutoComplete component is built-in, allowing users to easily navigate the component using keystrokes.

Support & Learning Resources