Taco HTML Edit Help > Component Library > Modal Dialog
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.
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