Navigation
Syntax
<% Navigation
container-name
%>
<% Navigation container =
container-name
%>
<% Navigation container =
container-name
, right =
menu-right
%>
<% Navigation container =
container-name
, renderer =
renderer-type
%>
Menu Containers
The WEM runtime supports three fixed visible menu containers, along with one invisible container that cannot be rendered.
container-name
main
user
footer
Renderer
The renderer
parameter accepts only one argument. Depending on whether the renderer
parameter is set to legacy
, the menu will be rendered in either a legacy format or a Bootstrap structure.
renderer
legacy
Right-Handed Menu
The menu-right
parameter can be set to true
or false
, which determines whether the menu is rendered on the right side.
Note that this parameter is ignored when the renderer
is set to legacy
.
menu-right
true
false
Example
<body>
<div class="top-menu">
<% Navigation container = main %>
<% Navigation container = user, right = true %>
</div>
<!-- Body content -->
<% Navigation container = footer, renderer = legacy %>
</body>
Generated Output
<ul class="nav navbar-nav">
<li class="active mode-cross-link">
<a href="/">Home</a>
</li>
<li class="mode-cross-link">
<a href="/forum">Forum</a>
</li>
<li class="dropdown">
<a id="navitem8" href="#" class="dropdown-toggle" data-toggle="dropdown">Resources<i class="wem-icon-postfix fa fa-caret-down"></i></a>
<ul class="dropdown-menu" role="menu">
<li class="mode-cross-link">
<a href="/resources/documentation">Documentation</a>
</li>
<li class="mode-cross-link">
<a href="/resources/training">Training</a>
</li>
</ul>
</li>
<li class="mode-cross-link">
<a href="/status">Status</a>
</li>
</ul>
Last updated
Was this helpful?