New to Kendo UI for jQuery? Download 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.

See Also

In this article