r1394 - trunk/demos/dialog

Author: rdworth
Date: Tue Dec 30 22:41:28 2008
New Revision: 1394
Modified:
trunk/demos/dialog/modal_confirmation.html
trunk/demos/dialog/modal_message.html
Log:
demos/dialog: markup tweaks
Modified: trunk/demos/dialog/modal_confirmation.html
==============================================================================
--- trunk/demos/dialog/modal_confirmation.html    (original)
+++ trunk/demos/dialog/modal_confirmation.html    Tue Dec 30 22:41:28 2008
@@ -35,12 +35,12 @@
<div class="demo">
-    <div id="dialog" title="Empty the recycle bin?">
-

<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px
20px 0;"></span>These items will be permanently deleted and cannot be
recovered. Are you sure?

- </div>
+<div id="dialog" title="Empty the recycle bin?">
+

<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px
20px 0;"></span>These items will be permanently deleted and cannot be
recovered. Are you sure?

+</div>
-    
-    <div class="hiddenInViewSource" style="padding:20px;">
+
+<div class="hiddenInViewSource" style="padding:20px;">

Sed vel diam id libero <a href="http://example.com">rutrum
convallis</a>. 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.

<form>
<input value="text input" /><br />
@@ -56,14 +56,15 @@
</div>
-
-
<div class="demo-description">
-

This type of dialog adds a button bar and is useful for confirming an
action that may be destructive or important. These are typically displayed
as modal dialogs to get the user's attention and force a decision before
continuing. This example uses the an icon from the css sprite set and is
set to be not resizable by setting this option to false.

+This type of dialog adds a button bar and is useful for confirming an
action that may be destructive or important.
+These are typically displayed as modal dialogs to get the user's attention
and force a decision before continuing.
+This example uses an icon from the css sprite set and is set to be not
resizable by setting the resizable option to false.
+

</div>
-
</body>
</html>
Modified: trunk/demos/dialog/modal_message.html
==============================================================================
--- trunk/demos/dialog/modal_message.html    (original)
+++ trunk/demos/dialog/modal_message.html    Tue Dec 30 22:41:28 2008
@@ -28,20 +28,20 @@
</head>
<body>
-<div id="dialog" title="Download complete">
-

<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0
7px 50px 0;"></span>Your files have downloaded successfully into the My
Downloads folder.

Currently using <b>36% of your storage space</b>.

-</div>
-
-
<div class="demo">
- <div id="dialog" title="Basic dialog">
-

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

- </div>
+<div id="dialog" title="Download complete">
+

+        <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0
7px 50px 0;"></span>
+        Your files have downloaded successfully into the My Downloads folder.
+

+ Currently using <b>36% of your storage space</b>.
+

<form>
<input value="text input" /><br />
@@ -57,11 +57,15 @@
</div>
-
-
<div class="demo-description">
-

A modal message dialog like this is useful for providing information to
the user that requires them to explicitly acknowledge before continuing
with their work.

This example adds a button bar with a single 'Ok'
button to dismiss the dialog.

+A modal message dialog like this is useful for providing information to
the user that requires them to explicitly acknowledge before continuing
with their work.
+

+
+

+This example adds a button bar with a single 'Ok' button to dismiss the
dialog.
+

</div>