04.02.2013 Views

WebPlus Essentials User Guide - Serif

WebPlus Essentials User Guide - Serif

WebPlus Essentials User Guide - Serif

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Developing Sites and Pages 45<br />

navigation bars by creating a custom navigation tree—you can also add, edit,<br />

or delete elements which will access a range of link destination types (see<br />

Adding hyperlinks and anchors on p. 223) just as in Site tab's Site Structure.<br />

Once you're working with a custom navigation tree, the navigation<br />

bar will no longer automatically update when new pages are added<br />

to your site. If you still want this to happen, you'll have to base your<br />

bar on the site's Site Structure.<br />

To customize a selected navigation bar:<br />

1. Double-click the navigation bar.<br />

2. From the Navigation Type tab, enable the Custom option, and ensure<br />

New navigation tree is enabled.<br />

3. (Optional) Name the navigation tree in the Navigation Tree Name box.<br />

4. Rearrange the order of the navigation bar items by drag and drop (or<br />

use the Move Up, Move Down, Make Child or Make Parent<br />

buttons).<br />

5. Click Add Link to add a new link to the end of your navigation bar<br />

list. The element is assigned a link destination, a target frame or<br />

window and a title in the displayed dialog. Click OK.<br />

(Optional) Click Reset to revert the navigation tree back to its original<br />

structure. Export Options... let you control the location and naming<br />

of the JavaScript file used to display your custom navigation tree.<br />

6. Click OK again. The navigation bar now uses the custom navigation<br />

tree to present menu options.<br />

The custom Navigation tree which is saved is given a name (e.g.,<br />

customnavtree-1) and is automatically stored in your site.<br />

If you plan to create more navigation<br />

bars for your site, you can reuse the same<br />

custom navigation tree for your new<br />

navigation bar by selection from the<br />

dialog. Existing bars can also be swapped<br />

to use the new tree structure during<br />

editing.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!