r1419 - trunk/demos/dialog

r1419 - trunk/demos/dialog


Author: rdworth
Date: Wed Dec 31 12:16:15 2008
New Revision: 1419
Modified:
trunk/demos/dialog/modal.html
Log:
demos/dialog/modal.html: clarified the description for modal
Modified: trunk/demos/dialog/modal.html
==============================================================================
--- trunk/demos/dialog/modal.html    (original)
+++ trunk/demos/dialog/modal.html    Wed Dec 31 12:16:15 2008
@@ -27,12 +27,12 @@
<div class="demo">
-    <div id="dialog" title="Basic modal dialog">
-        

Adding the modal overlay screen makes the dialog look more prominent
because it dims out the page content.


-    </div>
+<div id="dialog" title="Basic modal dialog">
+    

Adding the modal overlay screen makes the dialog look more prominent
because it dims out the page content.


+</div>
-    <!-- Sample page content to illustrate the layering of the dialog -->
-    <div class="hiddenInViewSource" style="padding:20px;">
+<!-- Sample page content to illustrate the layering of the dialog -->
+<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 />
@@ -51,7 +51,8 @@
<div class="demo-description">


-This is a simple modal dialog with a semi-transparent overlay layer added
as an option to dim out the page content behind it and bring the user's
attention to the dialog. A modal dialog prevents interaction from the rest
of the page until it is dismissed.
+This is a simple modal dialog with a semi-transparent overlay layer added
as an option to dim out the page content behind it and bring the user's
attention to the dialog.
+A modal dialog prevents the user from interacting with the rest of the
page until it is closed.












@@ -59,7 +60,6 @@



</div><!-- End demo-description -->
-
</body>
</html>