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