Inserting and configuring a dynamic navigation tree
To insert a dynamic navigation tree in the current document
- Place the insertion point where you want the navigation tree.
- On the Insert menu, click Navigation Tree in the Site section.
- In the Site tree box, select one of the nodes that you want to be at the top level of the navigation tree. The selected node’s siblings, if any, will be automatically selected. (The top level of a navigation tree must always consist of a single, complete set of sibling nodes.)
- (optional) Specify the Text, Bullets, and Target settings as described below.
- Click OK.
Namo WebEditor will insert a layer containing the dynamic navigation tree at the insertion point. If the display of special tag marks is enabled, you will see the layer’s outline and a navigation tree icon in the layer’s lower right corner. (If special tag marks are not displayed, you can reveal them by clicking (Show/Hide Special Tag Marks) on the Standard Toolbar.)
The layer will appear to be empty, because the navigation tree is actually created dynamically using JavaScript when the document is viewed in a browser. To preview the navigation tree, switch to Preview mode.
You can move the navigation tree to any position on the page by dragging the layer outline. (See “Creating and positioning a layer“.)
If some of the nodes included in the navigation tree have very long navigation namesThe name that will appear on the document’s dynamic banner, if any, and on any dynamic navigation tree links to the document., the corresponding links may be too long to fit the default width of the containing layer. In such cases, unless you make the layer wider, the links will “wrap” to two or more lines. But since the height of each link is fixed, this will produce undesirable results. Switch to Preview mode to see if this is happening; if it does, you should widen the layer by dragging its left-middle resize handle. (See “Resizing a layer“.)
You can also modify other properties of the layer. Right-click the layer’s outline and then click Layer Properties. See “Using layers” for information about layer properties.
Dynamic navigation tree settings
Text
Select the desired font, font size, normal font color, and highlight font color for the navigation tree. (The highlight color appears when the user moves the mouse pointer over a link in the navigation tree.)
Bullets
You can change the images used for the triangles that expand and collapse a parent node in the navigation tree. The triangle uses two images, one for when a node is collapsed, and the other for when it is expanded. You can change these independently. To specify an image, do any of the following:
- Click (Browse) to find and select an image file on your local file systemThe collection of drives and network folders connected to your computer..
- Click (Clip Art) to select an image from the clip art library.
- Click (Site) to select from a list of image files belonging to the current local site.
You can also specify whether the navigation tree should initially be fully expanded when the document is loaded in a browser. If you select Expand levels on load, every node of the tree will be initially visible when the document is loaded. Otherwise, only the top node will be initially visible.
Target
Specifies the target window or frame in which the navigation tree’s links will open.
To modify an existing dynamic navigation tree
- Double-click the outline of the containing layer, edit the navigation tree’s settings, and click OK.