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

Keyboard Navigation

The keyboard navigation of the ColorPicker is always available.

The ColorPicker supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Down Arrow & EnterOpens the popup, when the ColorPicker element is focused.
EscapeCloses the popup.
TabMoves the focus sequentially through the elements inside of the popup when gradient or combo view is enabled. If the popup is closed, the focus will be moved to the next element on the page.
Shift + TabMoves the focus sequentially in reversed order through the elements inside of the popup when gradient or combo view is enabled. If the popup is closed, the focus will be moved to the previous element on the page.
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.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?