Hierarchical Navigation

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).

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

Usage

Two sections are defined:
  • all
  • children

Displaying the Parent - Current - Children block

%INCLUDE{"%SYSTEMWEB%.HierarchicalNavigation" section="all"}%
generates:

  • WebHome
  • HierarchicalNavigation
  • Could not perform search. Error was: /usr/bin/grep -E -l -H -- %TOKEN|U% %FILES|F% Grep for '^%META:TOPICPARENT{.*\bname=\"HierarchicalNavigation\"' returned error

When included in WebLeftBar (using default Pattern skin) this is styled to:

  • WebHome
  • HierarchicalNavigation
  • Could not perform search. Error was: /usr/bin/grep -E -l -H -- %TOKEN|U% %FILES|F% Grep for '^%META:TOPICPARENT{.*\bname=\"HierarchicalNavigation\"' returned error

Displaying child topics

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

Child topics:

    Could not perform search. Error was: /usr/bin/grep -E -l -H -- %TOKEN|U% %FILES|F% Grep for '^%META:TOPICPARENT{.*\bname=\"HierarchicalNavigation\"' returned error

When included in WebLeftBar (using default Pattern skin) this is styled to:

    Could not perform search. Error was: /usr/bin/grep -E -l -H -- %TOKEN|U% %FILES|F% Grep for '^%META:TOPICPARENT{.*\bname=\"HierarchicalNavigation\"' returned error

%STARTSECTION{name="all"}%<div class="twikiHierarchicalNavigation">
<ul>
%SEARCH{
"parent"
type="query"
topic="%BASETOPIC%"
web="%BASEWEB%"
nonoise="on"
format="<li class='twikiParentTopic'><img src='%ICONURL{parent_gray}%' width='16' height='16' alt='' border='0' /> [[$web.$parent][$parent]]</li>"
}%
<li class='twikiCurrentTopic' style='font-weight:bold;'><nop>%BASETOPIC%</li>%INCLUDE{"%TOPIC%" section="childlist"}%
</ul>
</div><!--/twikiHierarchicalNavigation-->%ENDSECTION{name="all"}%

%STARTSECTION{name="children"}%<div class="twikiHierarchicalNavigation">
<ul>%INCLUDE{"%TOPIC%" section="childlist"}%</ul>
</div><!--/twikiHierarchicalNavigation-->%ENDSECTION{name="children"}%</div>%ENDSECTION{name="children"}%

%STARTSECTION{name="childlist"}%%SEARCH{
"parent.name='%BASETOPIC%'"
web="%BASEWEB%"
type="query"
nonoise="on"
format="<li class='childTopic'><img src='%ICONURL{line_ur_gray}%' width='16' height='16' alt='' border='0' /> [[$web.$topic][$topic]]</li>"
}%%ENDSECTION{name="childlist"}%
Edit | Attach | Watch | Print version | History: r4 < r3 < r2 < r1 | Backlinks | Raw View | More topic actions
Topic revision: r4 - 12 Sep 2010 - TWikiContributor
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 1999-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.HierarchicalNavigation.