A movable, resizable, brand-able dialog, optionally modal, supporting ajax content.

This example demonstrates the creation of a dialog with three initial properties. The first sets the title of the dialog, and the second sets the content of the dialog's body to contain some remote content. The autoOpen property specifies whether or not the window should be opened immediately upon creation.

Source Code

<input type="button" on="click then l:open" value="Open Dialog"/>
<div control="jquery_dialog[title=Hello, content=Hello again!, autoOpen=false]"
    on="l:open then open"></div>

In this sample, a dialog with the name of 'myDialog' is created with two initial properties. The function argument of createControl is called when the widget renders.

Create the control…

App.createControl(
	'myDialog', 
	'jquery_dialog', 
	{
		content: "hello..."
	},
	function() {
		alert("created a dialog!");
	}
);

Get the handle to an instance of the control…

App.getControl('myDialog', 'jquery_dialog', function() {
 
	this.open();
 
});

The dialog control is made up of a single div. The control tag on the div indicates what kind of widget the div will become. The widget identity can accept the following initial parameters…

Initial options supported by the widget.

Actions accept the same argument types as their equivalent functions.