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

ASP.NET Core Stepper 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 HTML HELPER API

Focus

  • Alt + W focuses the widget

Keyboard legend

  • Shift + Tab or Left arrow or Up arrow focuses previous step
  • Tab or Right arrow or Down arrow focuses next step
  • Home focuses first step
  • End focuses last step
  • Space or Enter selects focused step
  • To move the focus away from the Stepper:
    Focus the last step and press Tab or Focus the first step and press Shift + Tab

Select on focus

  • When Select on focus mode of the Stepper is enabled, the selection in the stepper will move together with the focus. Moving the focus to another step using the Tab or the arrow keys will also move the selection.

Additional Apps

This Stepper 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