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

HTML Code:

Togglable with additional region content

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

HTML Code: