Simple Tree Menu widget

Previous page
5.10.4.1. Drop Down Menu widget

1 2 3 4 5 6

Next page
5.10.4.3. Custom fields Table of Contents widgets

Return
5.10.4. Other structural elements : Widgets

Versions 5.70, 5.71 Versions 5.60, 5.61 Version 5.50 Versions 5.40, 5.41, 5.42, 5.43 Versions 5.30, 5.31, 5.32, 5.33, 5.34, 5.35 Version 5.20 Version 5.10 Versions 5.0, 5.01 Versions 4.20, 4.21 Version 4.10 Version 4.0 Version 3.2

WIT main features WIT philosophy WIT usage principles How to begin with WIT ?

Registered version Disclaimer of warranty Evaluation and licensing Personal, professional, and freeware licenses Registration benefits

A quick tour to create a Web site CSS tutorial : WIT basics CSS tutorial : WIT advanced, rounded corners WIT samples

Installation User interface Help WIT Documents Ideas Import / Export Keywords Tasks Publications Structure templates Style templates Web sites Options

Style classes Syntax of rules Values Properties

General Documents and web sites Text editing and images Structures and styles Sound Default WIT resources Site building Advanced features Known problems

CSS ISP Style sheet FTP HTML TCP/IP W3C

Tree :

Faceted index, by topics :

"Main" tree view (1)
"Normal" view (15)
Display (4)
Edit (9)
File (52)
Help (7)
Ideas (57)
Import/Export (16)
Keywords (6)
Publications (19)
Tasks (1)
Templates (72)
Windows (1)

Feature

Not in freeware edition (118)
Professional ed. only (40)

Category

V5 (46)
V5.01 (21)
V5.10 (15)
V5.20 (32)
V5.30 (16)
V5.31 (1)
V5.32 (4)
V5.33 (16)
V5.34 (7)
V5.35 (2)
V5.40 (27)
V5.41 (7)
V5.42 (4)
V5.43 (6)
V5.50 (1)
V5.60 (1)
V5.61 (2)
V5.70 (9)
V5.71 (4)

How to insert these widgets?

WIT Manual

5. Reference

5.10. Structure templates

5.10.4. Other structural elements : Widgets

5.10.4.2. Simple Tree Menu widget

Sub menu	Insert WIT variable
Keyboard	Ctrl + Alt + V
Feature	Not in freeware edition Professional ed. only

When you insert one of the WIT variables :

< @ treeWidgetLevel1/>
< @ treeWidgetLevel2/>
< @ treeWidgetLevel3/> (professional edition only)
< @ treeWidgetLevel4/> (professional edition only)
< @ treeWidgetLevelN/> (professional edition only)

WIT replaces them at build time by a block containing :

a tree menu of child ideas, limited to sublevels 1, 2, 3, 4 or N (N = no limit).
like in this document (left pane).

The best places to insert this widget are the left or right page panes.

If your web browser accepts cookies, the state of the tree is persistent : opened branches remain open as you navigate to new pages.

The presentation styles of the Simple Tree Menu are controlled in the style template.

Notes :

Use short titles for the three first levels of ideas, if you want to avoid text wrapping.
Check/uncheck ideas for making them eligible for the tree menu (as well as for table of contents).
When adding new ideas or changing titles, the tree menu is automatically updated.
You can insert only one tree menu per page (the second one will be shown with expanded entries and no way to collapse them).
The JavaScript for this menu is provided with kind permission of www.dynamicdrive.com where you can download the original code for Simple Tree Menu (slight adaptations on paths and CSS styles were necessary for integration into WIT).

Possible performance issue on large documents (several hundreds of pages) :

Using deep levels in the tree menu can lead to huge lists of links, slowing the navigation within WIT (since it has to maintain the list), and weighting the generated web pages. To avoid this, you may :

reduce the depth of your tree,

uncheck ideas (many of them),

or use instead the Java Applet menu, which is displayed in a separate frame and is built and loaded once (see the structure template : generic tab).