New to Kendo UI for Angular? Start a free 30-day trial

Keyboard Navigation

The keyboard navigation of the FlatColorPicker is always available.

The FlatColorPicker supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
TabMoves the focus sequentially through the elements of the component.
Shift + TabMoves the focus sequentially in reversed order through the elements of the component.
Right ArrowFocuses the next cell on the right when palette view is enabled and the ColorPalette element is focused.
Left ArrowFocuses the next cell on the left when palette view is enabled and the ColorPalette element is focused.
Up ArrowFocuses the next cell above when palette view is enabled and the ColorPalette element is focused.
Down ArrowFocuses the next cell below when palette view is enabled and the ColorPalette element is focused.
EnterSelects the color when palette view is enabled and the ColorPalette element is focused.

The following example demonstrates the FlatColorPicker keyboard navigation.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?