Home
Categories
Dictionary
Download
Project Details
Changes Log
What Links Here
How To
Syntax
FAQ
License

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

These are different from "li" elements in lists

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

See also


Categories: syntax

docJGenerator Copyright (c) 2016-2023 Herve Girod. All rights reserved.