New to Telerik UI for ASP.NET MVC? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the ColorPicker is always available.
For a runnable example, refer to the demo on using the keyboard navigation of the ColorPicker.
The ColorPicker supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Enter or Alt/Opt(Mac) + Down | Opens the popup (when the popup is closed). |
Tab | Navigates to the next focusable element in the popup. |
Shift + Tab | Navigates to the previous focusable element in the popup. |
Arrows | Updates the saturation/value in the gradient rectangle. |
Ctrl + Left/Right arrow | Updates the hue slider. |
Ctrl + Up/Down arrow | Updates the opacity slider (when opacity is present). |
Shift | Hold for fine-tuning. |
Enter | For buttons, executes the currently focused button's action. |
Left Arrow | Selects the previous color (in Palette view). |
Right Arrow | Selects the next color (in Palette view). |
Esc | Cancels the selection and closes the popup (when the popup is opened). |