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.