This widget is used to create a floating window that contains a title bar and a content area. The dialog window can be moved, resized and closed with the '+' icon by default.
f the content length exceeds the maximum height, a scrollbar will automatically appear.
A bottom button bar and semi-transparent modal overlay layer are common options that can be added.
A call to
$(foo).dialog() will initialize a dialog instance and
will auto-open the dialog by default. If you want to reuse a dialog, the easiest
way is to disable the "auto-open" option with:
false }) and open it with
$(foo).dialog('open'). To close
To create a dialog box containing text of a element like div, we use :
For options, events ,method and theming click here
Learn from experts! Attend jQuery Training classes.
If you enjoyed this post then why not add us on Google+? Add us to your Circles
Liked it! Share this Tutorial
Discuss: jQuery UI Widget : Dialog
Post your Comment