Trees / Tree Lists

Home » Widgets » Trees / Tree Lists
November 23, 2014 Widgets No Comments

Creating Tree Widget *

Find a Tree icon on the left toolbar and drag it onto the screen:

Creating tree widget

 

Adding Branches and Items on a Tree Hierarchy *

Items preceded with dots (character ‘.’) will be indented in the hierarchy and displayed as child items.

You can set as many levels as you need by using multiple dots.

Adding tree items

 

Indicating an Item as Selected *

To indicate a tree item is selected:

  1. Select a Tree widget.
  2. Find the item in “Tree Items” field in the property panel.
  3. Suffix it with “#” character.

Connector Lines On/Off *

You can choose whether to display connectors for tree nodes and items:

Switching node connectors on the tree widget

 

Tree Widget Options *

Specific attributes for Tree widget are:

  • Caption (“Basic” tab) – Text displayed as a “root” of the tree list
  • Tree Items (“Basic” tab) – Nodes and items on a tree list. Indent items with preceding dots. If an item is suffixed with a ‘#’ character, it will be displayed as selected.

Tree widget basic properties

 

Connection Lines (“Advanced” tab) – Whether to display lines that connect nodes and items or not.

Tree widget advanced properties