Dialog.settings
This property contains global settings that are valid for all dialogs on the current page.
| Property | Description | Default | |||
|---|---|---|---|---|---|
| overlayBG | Background of the overlay. This is directly passed to the CSS 'background' property. You can specify all valid CSS settings for that property, e.g. a background color, image, etc. | black | |||
| overlayOpacity | Opacity of the overlay. You can specify a number between 0.0 (=completely transparent) and 1.0 (completely opaque). | 0.6 | |||
| titleBG | background for the dialog title. Set this to transparent if you don't want a title bar. | #ccc | |||
| dialogBG | background of the dialog | #eee | |||
| dialogContainerBG | background of the container | #333 | |||
| dialogOpacity | Opacity of the dialog as a whole (see overlayOpacity).
| 0.75 |
cancelWhenOverlayIsClicked |
If this is set to true, all dialogs will be cancelled if the user clicks on the overlay.
Use this carefully! |
false |
|
Usage:
Since Dialog.settings is a global static property, you can simply change its properties with your own JavaScript code:
For example, to change the overlay, you could write:
Dialog.settings.overlayBG = "#999 url('images/bglogo.gif') no-repeat fixed center";
For more information on the CSS background property, please see the W3C Specification.