R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

LESS Themes

SASS Theme Builder

Create new or customize SASS themes
Launch Theme Builder
Edit in Theme Builder

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

JSP source

  • keyboard-navigation.jsp
  • KeyboardNavigationController.java
  • Widget configuration

Support & learning resources

ColorPicker for other technologies