ATG Trees - Folders Example

This example illustrates a tree menu with folders and documents.

The tree menu has the following features:

  • dotted lines connecting the tree nodes;
  • plus/minus images for expanding/collapsing tree nodes;
  • custom images (icons) associated with tree nodes: folders for expandable nodes and documents for non-expandable nodes;
  • the tree has root lines;
  • the tree has a transparent background;
  • selected nodes are highlighted;
  • node text is underlined when the user moves the mouse over it;
  • expandable nodes are expanded/collapsed when the user clicks over node's image or text;
  • status text is displayed when the user moves the mouse over node's text, image or plus/minus image.