In response to a user action, display a modal dialog, which prevents interaction with other page elements until it is closed. The content of the dialog can be any HTML content, which you can add after inserting the component into your HTML document.
Internet Explorer 7+, Firefox 3+, Safari 4+
- Unique Element ID
- The value for the id attribute assigned to the inserted root HTML tag for the component. This value is used to uniquely identify the component.
- Document BG Color
- This option does not affect the content that is actually inserted into the web page, but it can be used so that the component Live Preview reflects a desired background color. The document background will be visible if a transparent overlay is used.
- Document Text Color
- This option does not affect the content that is actually inserted into the web page, but it can be used so that the component Live Preview reflects a desired text color for document text. The document text will be visible if a transparent overlay is used.
- Drop Shadow
- Specify a size for the dialog's drop shadow, or "None" if you do not want there to be a drop shadow.
- Show Close Button
- Should a close button appear at the top left of the dialog?
- Show Close Link
- Should a link to close the dialog appear within the dialog's content?
- Dialog Background Color
- The color of the background in the dialog content area.
- Overlay Background Color
- The color of the overlay that appears on top of the document contents while the dialog is visible. This setting includes an opacity slider to adjust the overlay opacity. The overlay indicates that this is a modal dialog, which means that interaction with other elements on the page is prevented.
- Text Color
- The color of dialog text.
- Border Width
- The width of the border surrounding the dialog content, in pixels.
- Border Color
- The color of the border surrounding the drop shadow content.
Options: Dimensions & Animation
- Dialog Width
- The width of the dialog, specified either as a percentage of the page width or as a pixel value.
- Dialog Height
- The height of the dialog. Use "Default" to have the dialog size to fit its content. Otherwise, you can specify a pixel value.
- Content Padding
- The padding around dialog content, in pixels.
- Animation
- The Modal Dialog can fade in when it appears and fade out when it is closed, as specified by this option.
- Fade In Duration
- If a fade-in animation is enabled, the duration of the animation, in milliseconds
- Fade Out Duration
- If a fade-out animation is enabled, the duration of the animation, in milliseconds