• Light
  • Dark
  • Night vision
English

Language

Palette

  • Light
  • Dark
  • Night vision

Tree view is a widget for visualization of hierarchical list or table in which one column represents a hierarchical list (also known as outliner).

Keyboard interactions

Tree view widget must support the following interactions, especially if it is expected that the user will work with multiple items quite often and edit them inline:

  • Navigate the tree view by using arrow keys (i.e. to change selected item)
  • Expand and collapse list items with children
  • Add new item
    • As sibling below the current item
    • As child of the current item
  • Delete selected item
  • Edit item text
    • Jump to next or previous visible item without leaving edit mode
  • Indent or outdent selected item
  • Move selected item up or down in the list of siblings
  • If it is outliner — move to the next or previous editable row
  • Select list item below or above

See also