New to Kendo UI for Angular? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the Dialog is always available.
When the Dialog is opened, the initial focus is set on the primary button. This approach enables the user to immediately select or navigate between the action buttons by using the Left and Right arrow keys, and to close the Dialog with the Esc button.
Note: The
Esckey will close the Dialog only when focus is on built-in elements like the action buttons, title bar, or the Dialog itself. If the content contains a focusable element like an and that element is in focus, theEsckey will not close the Dialog.
| SHORTCUT | DESCRIPTION |
|---|---|
Esc | Closes the Dialog. |
Left Arrow | Moves the focus to the previous action button. |
Right Arrow | Moves the focus to the next action button. |
Tab | Moves the focus to the next focusable element in the Dialog. If the focus is on the last focusable element, moves the focus to the first focusable element. |
Shift + Tab | Moves the focus to the previous focusable element in the Dialog. If the focus is on the first focusable element, moves the focus to the last focusable element. |
Example
View Source
Change Theme:
