New to Telerik UI for Blazor? Download Free 30-day trial
DockManager - Keyboard Navigation
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
- Dashboard.razor
- DataService.cs
- AuthService.cs
The Dashboard component provides an overview of the application's
most important metrics and activity. It aggregates data from multiple services
and renders them through a combination of charts, grids, and summary cards.
Components rendered here depend on the IDashboardDataService
interface. Injecting a mock implementation during testing ensures isolation
from the production database and allows deterministic assertions on the output.
State management is handled through a scoped DashboardStateService,
which exposes reactive properties and supports undo/redo of layout changes made
by the user at runtime.
- Properties
- History
- Keyboard-navigation.razor
Focus
Managing the Focus
The DockManager component provides advanced keyboard navigation to manage the active panes, docking, and focusing of content. These keyboard shortcuts allow users to interact with the DockManager efficiently without requiring a mouse.
DockManager Navigation
Description
Keyboard navigation provides all web and app users with a fast keyboard-only navigation capability and is also part of the web accessibility features - it enables users with disabilities to fully control their website or app access through the keyboard.
By default, users can only navigate to links, buttons, and form controls with a keyboard. The navigation order in which interactive items receive keyboard focus has to be logical and intuitive. Generally, keyboard navigation logic needs to follow the visual horizontal and vertical flow of the page, for example, left to right and top to bottom, header first followed by the main and then the page navigation.
The keyboard navigation of the Telerik UI for Blazor DockManager is always enabled, as demonstrated in this demo.