ModalWindower documentation

ModalWindower allows you to open a modal window, appearing centred in front of the content of the page. Modal windows are useful to show information to visitors which require some form of action before continuing – such as terms and conditions, for example.

ModalWindower loads the content for the modal window from a remote page, and optionally can dim the content of the 'parent' page to make the modal window stand out.

Example

<p><a class="modalwindower lightBox-true targetPage-/docs/modalwindower/window" href="#">Click here for a modal window</a></p>

Settings

Valid elements

Any elements

Classname

modalwindower

Attributes

None

CSS parameters (what’s this?)

targetPage (required)
Most be set as the URI of the remote page to load the content from
lightBox (optional, default = 'true')
Set to 'true' to make the parent page dim when the modal window is opened
screenDim (optional, default = 6)
Set the opacity of the parent page dimming, from 0 (completely black) to 10 (not dimmed at all)
closer (optional, default = 'true')
Set to 'true' to show a 'close' link at the top right of the modal window
horizontalPadding (optional, default = 100)
Sets the number of pixels the left and right edges of the modal window will be away from the edge of the page viewport
verticalPadding (optional, default = 100)
Sets the number of pixels the top and bottom edges of the modal window will be away from the edge of the page viewport
delay (optional, default = 0)
Sets the number of seconds delay before the modal window will be shown