R2 2018 Release is here – now with modern UI for chatbots and more! See what’s new!
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      MultiSelect / Keyboard navigation

      T-shirt Sizes


      Closed popup:

      • left arrow highlights previous selected item
      • right arrow highlights next selected item
      • home highlights first selected item
      • end highlights last selected item
      • delete deletes highlighted item
      • backspace deletes previous selected item
      • down arrow opens the popup
      • esc clears all items

      Opened popup:

      • up arrow highlights previous item
      • shift up arrow selects previous item
      • down arrow highlights next item
      • shift down arrow selects next item
      • home highlights first item in the popup
      • ctrl shift home selects items to the beginning
      • end highlights last item in the popup
      • page up scrolls the popup up
      • page down scrolls the popup down
      • ctrl shift end selects items to the end
      • enter selects highlighted item
      • ctrl space selects highlighted item
      • ctrl a selects all items
      • esc closes the popup
      • up arrow closes the popup if the first item is highlighted
      • esc closes the popup

      JSP source

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

      Support & learning resources

      MultiSelect for other technologies