Dialog > Div > Content > Element

Dialog represents a div tag that can be display with a screen filter over the web page. To declaratively create a calendar, include “dialog” as a class of a textbox.

<div class="dialog"></div>

Requires

Awesome
AwesomeVisuals

DeclarativeAttributes

effect Default: "none" Effect to use when displaying the dialog. See more on Effects. Only “fade” is currently supported.

Static Fields

Color String Color to set the filter displayed over the screen.  
ZIndex Number What to set the ZIndex if need to manually override.  

Static Functions

Hide(Object data)   Hides the currently displayed data, including the data in the OnDialogClose’s EventArgs.  

Constructors

Dialog() Creates dialog control element.
Dialog(String id) Creates an anchor element with the given id.

Events

OnDialogClose EventArgs Fired when the Dialog closes.  

Functions

Hide(Object data)   Hides the dialog, passing in the data to the OnDialogClose event. To retrieve this data, refer to the .Data field of the EventArgs.  
Show()   Shows the dialog.  

 

Styling

Simply styling the div tag using the dialog class or any other classes.

 

DialogResult

You must manually place buttons on your Dialog control. To have a button return a dialog result, set it’s  onclick to Dialog.Hide(<data>);  See below for an example.

<div class="dialog">
    Are you sure you want to do this?
    <input type="button" onclick="Dialog.Hide(DialogResult.Ok)" value="OK" />
    <input type="button" onclick="Dialog.Hide(DialogResult.Cancel)" value="Cancel" />
</div>

Last edited Jun 12, 2011 at 8:31 PM by dahrkdaiz, version 5

Comments

No comments yet.