From 9f2c52eafd877c6b809c357eeec257504d969128 Mon Sep 17 00:00:00 2001 From: Todd Parker Date: Tue, 30 Dec 2008 17:47:22 +0000 Subject: Added demo wrapper divs, description text and improved sample data --- demos/dialog/default.html | 36 ++++++++++++++++++++++++++++++++---- 1 file changed, 32 insertions(+), 4 deletions(-) (limited to 'demos/dialog/default.html') diff --git a/demos/dialog/default.html b/demos/dialog/default.html index a51238401..ebef1426e 100644 --- a/demos/dialog/default.html +++ b/demos/dialog/default.html @@ -17,10 +17,38 @@ -
-

This is the default dialog which is useful for displaying information. It is created by simply calling .dialog on the ID of the content like this: 

$("#dialog").dialog();

-

If the content exceeds the size of the window, a scrollbar will automatically appear. The dialog window can be moved, resized and closed with the 'x' icon by default.

-
+
+ +
+

This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.

+
+ + +
+

Sed vel diam id libero rutrum convallis. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.

+
+
+ checkbox
+ radio
+

+
+
+

Sed vel diam id libero rutrum convallis. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.

+
+ +
+ + + +
+ +

This is a default dialog which opens in a floating layer above the page content protected with an iframe. It is created by simply calling .dialog on the ID of the content like this: 

$("#dialog").dialog();

+

A basic dialog window has a title bar and a content area. If the content length exceeds the size of the window, a scrollbar will automatically appear. The dialog window can be moved, resized and closed with the 'x' icon by default.

+ +
+ -- cgit v1.2.3