Lorsque vous insérez l'une des variables WIT suivantes :

• < @ treeWidgetLevel1/>
• < @ treeWidgetLevel2/>
• < @ treeWidgetLevel3/> (édition professionnelle seulement)
• < @ treeWidgetLevel4/> (idem)
• < @ treeWidgetLevelN/> (idem)

WIT les remplace lors de la génération de code par un bloc contenant :

• un menu arborescent des idées filles de la racine, limité aux sous-niveaux 1, 2, 3, 4 ou N (N = pas de limite).
• comme dans ce document (panneau gauche).

Les meilleurs endroits où placer ces widgets sont les panneaux gauche et droit de la page.

Si votre navigateur Web accepte les cookies (Internet Explorer pour l'affichage interne à WIT, et tout autre pour l'affichage externe), l'état de l'arbre est persistant : les branches dépliées le restent lorsque vous changez de page.

Les styles de présentation de ce menu arborescent sont contrôlés par le modèle de styles.

Notes :

1. Utilisez des titres courts pour les idées, de manière à éviter le repliement du texte.
2. Cochez / décochez les idées pour les rendre éligibles à l'affichage dans le menu (comme pour la table des matières).
3. Lorsque vous ajoutez / déplacez des idées ou en changez le titre, le menu est automatiquement remis à jour.
4. Vous ne pouvez insérer qu'un seul menu par page (le second restera déplié et montrera toutes ses entrées, sans possibilité de les replier).
5. La code Javascript de ce menu est reproduit avec l'autorisation gracieuse de www.dynamicdrive.com où vous pouvez télécharger le code originel (Simple Tree Menu). Quelques légères adaptations (chemins d'accès, styles CSS) ont été nécessaires pour l'intégration dans WIT.

Problème possible de performances sur les gros documents (plusieurs centaines de pages et plus) :

L'utilisation de niveaux trop profonds dans l'arborescence du menu peut conduire à la production de listes de liens très importantes, ralentissant la navigation dans WIT (puisqu'il maintient cette liste), et alourdissant les pages web générées. Plusieurs stratégies peuvent être mises en oeuvre pour éviter ce problème :   

• réduire la profondeur de l'arbre,
• décocher des idées (en grand nombre),
• ou utiliser plutôt le menu arborescent Java (applet) qui est affiché dans le cadre de gauche séparé (FRAME), lorsque les options du modèle de structure (onglet :  générique) l'activent. Ce menu est généré une seule fois, et lors de la navigation, n'est chargé qu'une seule fois.