ss:ajax:delayedload ss:ajax:event ss:ajax:region ss:data:calendar ss:data:column ss:data:repeater ss:data:table ss:data:tree ss:forms:captcha ss:forms:checkbox ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:daterange ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload ss:forms:fileuploadimage ss:forms:form ss:forms:hidden ss:forms:money ss:forms:officeuseregion ss:forms:option ss:forms:password ss:forms:paymentmethod ss:forms:radiobutton ss:forms:row ss:forms:searchbox ss:forms:selectlist ss:forms:signature ss:forms:slider ss:forms:spinbox ss:forms:submitbutton ss:forms:submitimage ss:forms:submitlink ss:forms:textarea ss:forms:timepicker ss:layout:rotator ss:layout:stepper ss:layout:stepperpanel ss:layout:tablist ss:layout:tablistitem ss:logic:dependency ss:logic:parse ss:logic:if ss:logic:else ss:logic:include ss:logic:template ss:logic:variable ss:navigation:breadcrumbs ss:navigation:item ss:navigation:primary ss:navigation:secondary ss:personalisation:firstname ss:personalisation:fullname ss:personalisation:lastname ss:personalisation:other ss:regions:content ss:regions:contentadditional ss:regions:security ss:regions:togglable ss:standard:audio ss:standard:embed ss:standard:icon ss:standard:image ss:standard:label ss:standard:link ss:standard:script ss:standard:video ss:templates:column ss:templates:row ss:templates:section ss:templates:teammember ss:thirdparty:googlemap ss:thirdparty:googlemapmarker
.
.
.

<ss:navigation:primary> </...>

Creates a menu which can load pages dynamically from website pages.

Content

(Optional) Manually add links to appear inside the nav.

Attributes

autoPopulateLevel
int
Sets the level of recursion for sub menus.

Eg:
  • 0 - no auto populate.
  • 1 - populate first level from RootPage.
  • 2 - populate two levels (drop down).
  • 3 - populate two three (drop down, plus third level).
Default = 1.
bootStrap
bool
If true, then Bootstrap classes will be applied to the navigation menu. (Be sure to include Bootstrap's CSS in your design).

  • Adds class="dropdown" on <li>s with dropdowns.
  • Adds class="dropdown-toggle" data-toggle="dropdown" on <a>s with dropdowns.
  • Adds class="dropdown-menu" to <ul>s with dropdowns .
Default = false.
classLiCurrent
string
CSS class to set on a nav item, when it matches the current page.
height
mixed
Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
id
string
(Required) Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid'), or in the server DOM using $myid or $('myid')).
includeStyles
bool
Whether or not to include JavaScript and CSS to add drop down functionality.

Set to false to get a blank <ul><li> list
openOnHover
bool
If set to true, dropdown menus will appear when the mouse is hovering over the menu. If set to false, the user must click to reveal the submenu. Default = false.
orientation
string
The orientation of the pop out menu. Default = "horizontal". Other possible values: "vertical".
rootPage
string
The root page to populate navigation items from. Default = "/".
width
mixed
Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.