tree element

The "tree" element defines a tree.

tree root element

A tree element has several optional attributes:

• "fillColor": the default fill color for tree elements (used if tree elements have a border)
• "borderColor": the default border color for tree elements (used if tree elements have a border)
• "border": the property specifying that we should add a border around the tree elements. This attribute can have the following values:
• "true" or "simple": the tree elements will by default be bordered by simple line
• "shadow" or "softShadow" : the element will by default have a soft shadowed border
• "strongShadow": the element will by default have a strong shadowed border
• "false" or "noBorder" : (the default) no border

A tree can have "li" children.

li elements

Each "li" child specifies one element in the tree. Note that a "li" element can have children "li" elements, and practically any other kinds of elements are allowed.

A "li" element in a tree has several optional attributes:

• "fillColor": the fill color of the element. This will only be used if the tree has a border. Overrides the fillColor definition of the parent tree
• "borderColor": the border color of the element. This will only be used if the tree has a border. Overrides the borderColor definition of the parent tree
• "border": the border type of the element, overrides the border definition of the parent tree

Examples

Basic example

   <tree fillColor="magenta" borderColor="black" border="true" >
      <li>parent
         <li>child 1</li>
         <li>child 2</li>
      </li>
   </tree>

Result:

• parent
  • child 1
  • child 2

A more complex example

   <tree fillColor="yellow" borderColor="blue" border="shadow" >
      <li>parent
         <li>child 1 with a reference to the <ref id="#basic example" desc="basic example" />/li>
         <li>child 2 with several lines

   this is the second line
         </li>
      </li>
   </tree>

Result:

• parent
  • child 1 with a reference to the basic example
  • child 2 with several lines
    
    this is the second line