Hierarchical Navigation

26 August 2025 - 17:41 | Version 1 |

Navigation block that displays the current topic, its parent and children (if any). This is intended to be included in other topics, for example in a side navigation bar (WebLeftBar).

ALERT! WARNING: The lookup for parent and children will increase the loading time of your pages.

Displaying parent, current and child topics 

%INCLUDE{"HierarchicalNavigation" section="all"}%

Displaying child topics 

*Child topics:*
%INCLUDE{"HierarchicalNavigation" section="children"}%


<div class="foswikiHierarchicalNavigation">
<ul>
%SEARCH{
   "parent"
   type="query"
   topic="%BASETOPIC%"
   web="%BASEWEB%"
   nonoise="on"
   format="<li class='foswikiParentTopic'>$percentICON{parent_gray}$percent [[$web.$parent][$parent]]</li>"
}%
<li class='foswikiCurrentTopic' style='font-weight:bold;'><nop>%BASETOPIC%</li>%INCLUDE{"%TOPIC%" section="childlist"}%
</ul>
</div><!--/foswikiHierarchicalNavigation-->

<div class="foswikiHierarchicalNavigation">
<ul>%INCLUDE{"%TOPIC%" section="childlist"}%</ul>
</div><!--/foswikiHierarchicalNavigation-->

%SEARCH{
   "parent.name='%BASETOPIC%'"
   web="%BASEWEB%"
   type="query"
   nonoise="on"
   format="<li class='childTopic'>$percentICON{line_ur_gray}$percent [[$web.$topic][$topic]]</li>"
}%