ss:ajax:delayedload ss:ajax:event ss:ajax:region ss:data:calendar ss:data:column ss:data:repeater ss:data:table ss:data:tree ss:forms:captcha ss:forms:checkbox ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:daterange ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload ss:forms:fileuploadimage 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:selectlist 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: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:template 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:column ss:templates:row ss:templates:section ss:templates:teammember ss:thirdparty:googlemap ss:thirdparty:googlemapmarker
.
.
.

<ss:forms:dialogbox> </...>

Shows a popup free dialog box by creating a div which overlays the screen.

Content

any
The content of the dialog box.

Attributes

autoShow
bool|string
Possible values: Set to "true" to always automatically open this dialog Set to "register" to show the dialog to show to new visitors Set to "exitintent" to show the dialog when the user moves the mouse up to exit the page
autoShowDelay
int
Number of seconds before dialog box is shown
closable
bool
Set to false if the dialog box cannot be closed
height
mixed
Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
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 $myid or $('myid')).
width
int
The width of the dialog, in pixels.

Examples

Popup Subscription Form

Dialog opens on load, subscribe form inside.

XML Code:


Run Example

Open on Exit Intent

Shows dialog When the user is mousing above window to click back. Only shows once, when not logged in.

XML Code:


Run Example

Open Dialog Box with Link

Demonstrates a Dialog Box opened by a link

XML Code:


Run Example

Open Dialog Box with JavaScript

Demonstrates a Dialog Box opened by a link

XML Code:


Run Example