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 navigation

Select an item

Focus

  • Alt + w focuses the widget

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 the highlighted item or the last item
  • Alt + down arrow opens the popup
  • esc clears all items

Opened popup:

  • up arrow highlights previous item
  • down arrow highlights next item
  • home highlights first item in the popup
  • end highlights last item in the popup
  • esc closes the popup
  • Alt + up arrow closes the popup

Navigate inside treeview

  • up arrow highlights previous item
  • left arrow collapses the item
  • down arrow highlights next item
  • right arrow expands the item
  • home highlights first item in the list
  • end highlights last item in the list
  • enter selects highlighted item when there are no checkboxes
  • space checks highlighted item when there are checkboxes

JSP source

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

Support & learning resources

DropDownTree for other technologies