Skip to content

update keyboard nav in web dashboard #275

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pollyndos merged 1 commit into from
Aug 25, 2026
Merged

update keyboard nav in web dashboard #275

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 8 additions & 7 deletions ...bi-dashboard/dashboard-for-web/web-dashboard-viewer-mode/keyboard-navigation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ In Navigation mode, you can move focus between the following dashboard layout el

| Action | Keys |
| --- | --- |
| Move focus between layout elements. | <kbd>Tab</kbd> / <kbd>Shift</kbd> + <kbd>Tab</kbd> |
| Move focus to the previous or next layout element. | <kbd>Tab</kbd> / <kbd>Shift</kbd> + <kbd>Tab</kbd> |
| Switch to Interaction mode when a dashboard item is focused. | <kbd>Enter</kbd> |
| Exit Interaction mode. | <kbd>Esc</kbd> |

Expand All @@ -26,14 +26,15 @@ Interaction mode lets you navigate within the focused dashboard item — through

Use the following keys for dashboard items:

| Action | Keys |
| --- | --- |
| Switch to Interaction mode. | <kbd>Enter</kbd> |
| Action | Key |
| -------- | ------- |
| Enter Interaction mode. | <kbd>Enter</kbd> |
| Apply a card as a Master Filter. | <kbd>Enter</kbd> |
| Toggle a predefined interval in a Date Filter item. | <kbd>Enter</kbd> |
| Navigate between cards in a Card item. | Arrow keys |
| Move focus between elements in the dashboard item caption. | <kbd>Tab</kbd> / <kbd>Shift</kbd> + <kbd>Tab</kbd> |
| Exit Interaction mode. | <kbd>Esc</kbd> |
| Move focus to the previous or next card in a Card item. | <kbd>Left Arrow</kbd> or <kbd>Right Arrow</kbd> |
| Move focus to the previous or next available element in a dashboard item caption. | <kbd>Left Arrow</kbd> or <kbd>Right Arrow</kbd> |
| Move focus to the first or last available element in a dashboard item caption. | <kbd>Home</kbd> or <kbd>End</kbd> |
| Exit Interaction mode. | <kbd>Esc</kbd> |

> [!NOTE]
> Keyboard navigation inside item content is not available for the following dashboard items: Chart, Scatter Chart, Pie, Gauge, Treemap, Range Filter, and Map items (Choropleth Map, Geo Point Maps).
Expand Down
Loading