Step3: Add tree nodes



Now we add tree nodes to the menu according to following steps:


1. Insert Node After:

Right click the tree item "New Node1" in tree panel, then click "Insert Node After" on pop up menu. Or click the tree item "New Node1" to select it in tree panel, then click "Insert Node After" menu under "Edit" main menu. Now a new node "New Node2" has been added to the tree after the selected item "New Node1".


2. Change the node settings:

Select "General" under "Node Settings" in settings panel, then select "New Node1" in tree panel, then input "Home" into the caption edit box, and input "http://www.allynova.com" to the link edit box. Then use the same method to change the caption of "New Node2" to "Products".


3. Add Sub Node:

Right click the tree item "Products" in tree panel, then click "Add Sub Node" on pop up menu. Or click the tree item "Products" to select it in tree panel, then click "Add Sub Node" menu under "Edit" main menu. Now a new node "New Node3" has been added to the tree under the selected item "Products".


4. Expand the node when loading:

Select "General" under "Node Settings" in settings panel, then select "Products" in tree panel, then check the "Expand the subtree" box.


Continue to add other tree nodes, we will get following tree menu example.



Example:





See Also

Step4: Publish