New to Telerik UI for Blazor? Download Free 30-day trial

Scheduler - Keyboard Navigation

6/21/2021 Monday, June 21, 2021
Sun, 6/20
Mon, 6/21
Tue, 6/22
Wed, 6/23
Thu, 6/24
Fri, 6/25
Sat, 6/26
all day
8:00 AM
9:00 AM
10:00 AM
11:00 AM
12:00 PM
1:00 PM
2:00 PM
3:00 PM
4:00 PM
5:00 PM
6:00 PM
7:00 PM
  • Keyboard-navigation.razor
  • AppointmentService.cs
  • AppointmentDto.cs
Loading the demo source code...please wait.

Focus

  • Alt + W focuses the first component in the example

Supported keys and user actions

Tab Focus

The Tab key focuses the first appointment in the scheduler, or the scheduler if none appointments are available.

Content

  • T navigates to today's time period.
  • C opens the popup for creation of new appointment.
  • Shift + Left Arrow navigates to the previous time period.
  • Shift + Right Arrow navigates to the next time period.
  • Alt + 1, 2, 3 navigates to the view with the respective number.

Appointments

  • All of the content keyboard shortcuts work when focus is on the appointment. In addition to that we also have:
  • Arrow Keys move focus through appointments.
  • Enter opens the Edit Popup to modify the appointment.
  • Delete/Backspace opens the Delete confirmation popup to modify the appointment.

Scheduler Popups

Using the default Window component shortcuts:
  • Alt + Up Arrow maximizes and restores the window
  • Alt + Down Arrow minimizes and restores the window.
  • Esc closes the window.
  • Tab when the window is focused, lets you traverse its action buttons. Also lets you move the focus to the content.
  • Enter invokes a focused action button on the title bar.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload