ss:ajax:delayedload ss:ajax:event ss:ajax:region ss:data:calendar ss:data:column ss:data:repeater ss:data:table ss:data:template ss:data:tree ss:forms:captcha ss:forms:checkbox ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload 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:signature ss:forms:slider ss:forms:spinbox ss:forms:submitbutton ss:forms:submitimage ss:forms:submitlink ss:forms:textarea ss:forms:timepicker ss:layout:gallery ss:layout:productgallery 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: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:card ss:templates:column ss:templates:faq 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
Autopopulate Level

Sets the depth of sub menus.

Eg:
  • 0 - no auto populate.
  • 1 - Level 1: Show pages directly under RootPage.
  • 2 - Level 2: Show pages directly under RootPage, with sub-pages in a drop down.
  • 3 - Level 3: As with Level 2, with further sub-pages in an additional drop down.

Default = 1.
bootStrap
bool
Include Bootstrap Classes

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.
includeStyles
bool
Include Oncord Styles

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
Open Dropdowns on Hover

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".
preventWrap
bool
Prevent Link Wrapping

Whether primary navigation should prevent wrapping of links when there is constricted space by reverting to a mobile style menu.
Default = false

Disabled in the Oncord Web Editor for usability.
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.