Learn how to build better web apps even faster with the R1‘18 Kendo UI release. Sign up for the webinar!
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      ColorPicker / Keyboard support

      Simple (palette-based) picker:

      Keyboard legend

      • enter, down (when popup is closed) opens the popup
      • left arrow selects previous color
      • right arrow selects next color

       

      • up/down move one row up/down
      • enter select current color
      • escape cancel the selection

      HSV picker:

      Keyboard legend

      • enter, down (when popup is closed) opens the popup
      • arrows update saturation/value in the big rectangle
      • ctrl + left/right update hue slider
      • ctrl + up/down update opacity slider (when opacity present)

       

      • shift hold shift for fine-tuning
      • enter select current color
      • escape cancel the selection

      HTML5/JavaScript source

      Also available for:

      API Reference
      • keyboard-navigation.html
      • Widget configuration

      Support & learning resources

      ColorPicker for other technologies