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: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.

string

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')).

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.

XML Code:

Togglable with additional region content

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

XML Code: