Overview

EO.Web Dialog allows you to fully customize a dialog's header, content and footer area's style. You can also define different styles for active/inactive dialogs and the effects to show/close a dialog.

Configure Dialog's Style

EO.Web Dialog provides several properties to allow you customize the look of the dialog. Content area is the major body of the dialog, in addition of using different properties to easily fill in the body of the content area, you can also use the following properties to tune up the final look:

• HorizontalAlign and VerticalAlign automatically align the UI elements in content area.
• ContentFrameStyle allows you to customize the look of the frame that hosts ContentUrl.
• ShadowColor and ShadowDepth allow you to customize the look of dialog's shadow.
• BackShadeColor and BackShadeOpacity allow you to customize the back shade of the dialog. The back shade is displayed when you display a modal dialog.

You can also use the standard WebControl's BorderColor, BorderWidth and BorderStyle to customize the border of the dialog.

Configure Dialog's style for active and inactive states

A dialog can be in active or inactive state. You can configure styles of both states for header, content and footer area. Use the following properties:

• HeaderStyleActive and HeaderStyleInActive specify header area's style.
• ContentStyleActive and ContentStyleInActive specify content area's style.
• FooterStyleActive and FooterStyleInActive specify footer area's style.

Resize and Move Dialog

EO.Web Dialog provides the function to allow end user resize and move around the dialog once it's presented. This resizing and moving behavior can be highly customized by using the following properties:

• AllowMove or AllowResize enables/disables the corresponding function.
• ResizeImageUrl allows you to use a customized image to indicate if this dialog can be resized.
• MinHeight, MaxHeight, MinWidth and MaxWidth specify the allowable size if the dialog can be resized.
• ConfineElementID specifies a confining element which defines the boundary of the dialog that can be resized or moved around.