UbuntuUI.Dialog

Dialogs are modal full-screen popups that prevent other GUI interactions with the application until dismissed.

Dialogs wrap arbitrary markup.

Dialogs are declared at the top level inside the <em>content</em> div.

UbuntuUI.Dialog( )

Example

 <div data-role="content">
<div data-role="pagestack">
[...]
</div>
<div data-role="dialog" id="dialogID">
[...]
</div>
</div>
JavaScript access:
var dialog = UI.dialog("dialogID");

• Methods

Returns the DOM element associated with the id this widget is bind to.

Example

   var mydialog = UI.dialog("dialogid").element();

Hide a dialog by removing 'active' class

Display a dialog by adding 'active' CSS class

Toggle a dialog, which means removing its 'active' class if it has one, or adding the 'active' class if it does not have one