C3Fire

Folder Tree

From C3LearningLabs


Wiki Basic - Create Page - Format Page - Format Text - Format Code - Links - Image - Table - Folder Tree - Menu - Downloads - Project - Administration

Folder tree may be created in a page by using the #tree template.

The folder tree is defined by a hierarchical structure, where * defines the level in the hierarchical structure, and the link and the displayed link text are separated by a '|' and enclose double square brackets "[[" and "]]".


Is generated with the following code:

{{#tree: class=navTree | id=SessionConfigTree | 
*Basic
**[[Config/Session/Basic/Vehicles|Vehicles]]
**[[Config/Session/Basic/Personnel|Personnel]]
** Map
***[[Config/Session/Basic/Map/Map|Map]]
***[[Config/Session/Basic/Map/OSM|OSM]]
*Modules
**[[Config/Session/Basic/Aid|Aid]]
**[[Config/Session/Basic/Water|Water]]
}}


Folder Tree Examples

Title (Root folder)

A folder tree can get a root folder or a title by using the attribute root.


Is generated with the following code:

{{#tree: class=navTree | id=SessionConfigTree | root=Session Configuration |
*Basic
**[[Config/Session/Basic/Vehicles|Vehicles]]
**[[Config/Session/Basic/Personnel|Personnel]]
** Map
***[[Config/Session/Basic/Map/Map|Map]]
***[[Config/Session/Basic/Map/OSM|OSM]]
*Modules
**[[Config/Session/Basic/Aid|Aid]]
**[[Config/Session/Basic/Water|Water]]
}}

Expanded Tree

A folder tree can get be expanded by using the attribute minExpandLevel=2.
Currently I only get it to work whit level set to 2 and no other attributes, as in the example below.


Is generated with the following code:

{{#tree: minExpandLevel=2 | 
*Basic
**[[Config/Session/Basic/Vehicles|Vehicles]]
**[[Config/Session/Basic/Personnel|Personnel]]
** Map
***[[Config/Session/Basic/Map/Map|Map]]
***[[Config/Session/Basic/Map/OSM|OSM]]
*Modules
**[[Config/Session/Basic/Aid|Aid]]
**[[Config/Session/Basic/Water|Water]]
}}

Expand part of Tree

A part of a folder tree can get be expanded by using the {"expanded":true} at a folder in a tree.


Is generated with the following code:

{{#tree: root=Session Configuration |
*{"expanded":true, "id":"MyExpandedNode"} Basic
**[[Config/Session/Basic/Vehicles|Vehicles]]
**[[Config/Session/Basic/Personnel|Personnel]]
** Map
***[[Config/Session/Basic/Map/Map|Map]]
***[[Config/Session/Basic/Map/OSM|OSM]]
*Modules
**[[Config/Session/Basic/Aid|Aid]]
**[[Config/Session/Basic/Water|Water]]
}}


Side Bar

<sidebarmenu> +Vehicle +*Car

+*Truck

</sidebarmenu>



Wiki Basic - Create Page - Format Page - Format Text - Format Code - Links - Image - Table - Folder Tree - Menu - Downloads - Project - Administration