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

      DropDownTree / 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

      PHP source

      • keyboard-navigation.php
      • dropdowntree_data.php
      • Widget configuration

      Support & learning resources

      DropDownTree for other technologies