New to Kendo UI for jQuery? Download free 30-day trial

Keyboard Navigation

The keyboard navigation of the ColorGradient is always available.

The Kendo UI ColorGradient supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Space or Enter When the Toggle format button is focused, changes the format between RGB and HEX.
Tab Navigates to the next ColorGradient element.
Shift+Tab Navigates to the previous ColorGradient element.
Arrow Up or Arrow Right When any of the ColorGradient sliders is focused, increases their value. When the drag handle in the ColorGradient canvas is focused, moves in the corresponding direction.
Arrow Down or Arrow Left When any of the ColorGradient sliders is focused, decreases their value. When the drag handle in the ColorGradient canvas is focused, moves in the corresponding direction.

For a complete example, refer to the demo on keyboard navigation of the ColorGradient.

See Also

In this article