Jx.Dialog Examples

Basic Dialog

This is a basic dialog that uses inline content. Its static on the page (you can't do anything but close it).

Positioning Dialog

This dialog is modal and has an initial position other than the default centering logic. It is also resizable, movable, and can be maximized.

Toolbars in Dialogs

Dialogs can also contain toolbars in any of the four sides of the content area. This dialog also demonstrates loading content from a URL and processing it after it has loaded. It also tries some other positioning logic.

Ajax Content Fails to Load

If dialog content fails to load, you can trap that error and do something useful for the user.

Confirm & Message Dialog

The Dialog can also be an alternative to window.confirm() or alert().

Prompt Dialog

Some examples of a custom window.prompt() dialog that can be configured in many ways.

Destroy Dialog

Standard static dialog that will be destroyed when closed.

Inline Content

This content is loaded by specifying the id of the element to use in the dialog. The dialog should be modal and start at a specific location (200 pixels from left of modal background, 100 pixels from top). The content background is white because the content itself has a background color style.

Warning Warning! You pressed a button!