AJAX
ss:ajax:delayedload ss:ajax:event ss:ajax:region
Data
ss:data:calendar ss:data:column ss:data:repeater ss:data:table ss:data:template ss:data:tree
Forms
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
Layout
ss:layout:gallery ss:layout:productgallery ss:layout:rotator ss:layout:stepper ss:layout:stepperpanel ss:layout:tablist ss:layout:tablistitem
Logic
ss:logic:dependency ss:logic:parse ss:logic:if ss:logic:else ss:logic:include ss:logic:variable
Navigation
ss:navigation:breadcrumbs ss:navigation:item ss:navigation:primary ss:navigation:secondary
Standard
ss:standard:audio ss:standard:embed ss:standard:icon ss:standard:image ss:standard:link ss:standard:script ss:standard:video
Templates
ss:templates:card ss:templates:column ss:templates:faq ss:templates:row ss:templates:section ss:templates:teammember
Attributes
Examples

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

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

Related Tutorials

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.
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 [&#x3F; $myid &#x3F;] or [&#x3F; $('myid') &#x3F;]).
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 = "/".

Examples

No examples yet.