New to Kendo UI for jQuery? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the FlatColorPicker is always available.
The Kendo UI FlatColorPicker supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Space/Enter | When the Toggle format button is focused, changes the format between RGB and HEX. When a View button is focused, switches to Palette or Gradient view. |
Tab | navigates to the next FlatColorPicker element. |
Shift+Tab | navigates to the previous FlatColorPicker element. |
Arrow Up/Right | When any of the FlatColorPicker's sliders is focused, increases their value. When the drag handle in the FlatColorPicker canvas is focused, moves in the corresponding direction. |
Arrow Down/Left | When any of the FlatColorPicker's sliders is focused, decreases their value. When the drag handle in the FlatColorPicker canvas is focused, moves in the corresponding direction. |
For a complete example, refer to the demo on keyboard navigation of the FlatColorPicker.