Navigation Tag
The Enso Navigation tag outputs an unordered list with links.
<li id="name-ul-li-1" class="active"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-2"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-3"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-4"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-5"><a href="/page-url/">Page Name</a></li>
</ul></div>
<div class="site-nav"><ul id="name-ul">
<li id="name-ul-li-1" class="active"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-2"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-3"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-4"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-5"><a href="/page-url/">Page Name</a></li>
</ul></div>
Example
<div class="nav"><enso:navigation name="site-nav" level="site" /></div>Output
<div class="nav"><ul id="name-ul"><li id="name-ul-li-1" class="active"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-2"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-3"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-4"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-5"><a href="/page-url/">Page Name</a></li>
</ul></div>
Class="active"
An active class is automatically added to any navigation item that matches the URL of the current page.<div class="site-nav"><ul id="name-ul">
<li id="name-ul-li-1" class="active"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-2"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-3"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-4"><a href="/page-url/">Page Name</a></li>
<li id="name-ul-li-5"><a href="/page-url/">Page Name</a></li>
</ul></div>
Attributes
Attribute | Values | Required |
name | text |
Yes |
level | site section page |
Not required. The default value is page. |
label | text | No |
description | text | No |