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:regions:togglable> </...>

An area in a design which can be toggled on or off on a per page basis using a checkbox that appears in the design.

Content

Anything

Attributes

applyClassWhenVisible
string
Applies a CSS class to the element(s) specified by ApplyClassWhenVisibleTo
applyClassWhenVisibleTo
string
Applies the class specified by ApplyClassWhenVisible to elements matched by the selector

Example: #id1, .class2
defaultVisible
bool
Determines whether or not the togglable region is defaultly visible for newly created pages.
id
string
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;]).
label
string
When editing page content, this will shown as the label of the tickbox.
labelPositionMy
string
Anchor the label from this position
labelPositionMyAt
string
Anchor the label at this position of the togglable region

Examples

Simple Togglable Region

Defines a region in a design which can be toggled on or off when editing pages.

HTML:

Togglable with additional region content

Add a togglable region, which contains an additional editable content region.

HTML: