Documentation

Learn how Enso Cloud can power your custom designed website.

Navigation Tag

The Enso Navigation tag outputs an unordered list with links.

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