The Tree Node requires that you have added a Tree component to your page. You can drop it either on a Tree component or on another tree node in the Visual Designer to create a node in a hierarchical tree structure, similar to the tree you see in the
The tree node is created as a subnode of the node on which you drop it. If you drop the node on the tree component itself, a new node is created as a child of the root node. You can see the hierarchical structure clearly in the where you can also easily move nodes around and reparent them.
You can also add a tree node either to a Tree component or to a Tree Node component by right-clicking the component and choosing Add Tree Node.
A Tree Node component by default is a container for an image and can be used to navigate to another page, submit the current page, or simply open or close the node if the node has child nodes.
url
property. You can also use a Tree Node to submit the current page. If the the Tree Node's action
property is bound to an action event handler, selecting the node automatically submits the page. If the Tree Node's actionListener
property is bound to an action listener, opening or closing the node automatically submits the page.
icon
property is set to TREE_DOCUMENT
. If you right-click the image on the page and choose Set Image, you can either change the icon to another one or choose your own image in the Image Customizer dialog box. For more information on working with an image in a tree node, see Image component.