Modal Dialog Popup Samples

Simple Message Display

The following is a simple pop up message that simply displays a notification dialog that echos back the content you've entered in the field below.

Enter a title for your dialog:

Enter a message to display in the dialog:

Input Dialog Box

The following pops up a dialog window that allows text entry. You can enter a value into the text field and then click the OK or cancel button to exit. Events fire and a messagebox confirms the value you've entered. This dialog also uses a custom div to display a different background overlay.

Server Side Modal Dialog

This example demonstrates how to use the server side Show method to force the modal dialog to pop up when the page loads/re-loads after a postback.

Generic MessageBox

The following dialog box is generated with pure client script and doesn't require any HTML elements on the page to 'attach to'. Rather the static wwModalDialog.createDialog() creates a dialog on the fly and uses that for displaying the message box. Not as flexible as the full functionality since the display is fixed and generic, but it can be done with two lines of code. ode.

These client side modal dialogs are useful in presenting messages to the user in a more effective way than using an alert() or prompt() commands. This page demonstrates a designable dialog control that overlays the page content and displays a dialog on top of it. The dialog can be customized extensively including creating full data entry popup forms that must be filled out before continuing on the application. The control allows capturing one of two buttons with events that are hookable on the client.

Because this control inherits from DragPanel the modal dialogs are optionally draggable. Both these samples allow for dragging the dialogs around the screen so the user may uncover some of the content that may be covered up by the dialog.by the dialog.