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>




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.  


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


OnDialogClose EventArgs Fired when the Dialog closes.  


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.  



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



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" />

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


No comments yet.