diff options
| author | Todd Parker <fg.todd@gmail.com> | 2008-12-29 17:26:17 +0000 |
|---|---|---|
| committer | Todd Parker <fg.todd@gmail.com> | 2008-12-29 17:26:17 +0000 |
| commit | 9f91a25ca3945be7f06947b1a3eafc19eb8195de (patch) | |
| tree | 1feade8733c044b33a6feb9f200c26ccf5776702 /demos/dialog/modal.html | |
| parent | 622f34aeb9b18fd9c891721547e8d030bafdf01f (diff) | |
| download | jquery-ui-9f91a25ca3945be7f06947b1a3eafc19eb8195de.tar.gz jquery-ui-9f91a25ca3945be7f06947b1a3eafc19eb8195de.zip | |
Re-vamped set of dialog examples that shows the standard set of dialog types. Removed button.html because it was expanded into the 3 modal types.
Diffstat (limited to 'demos/dialog/modal.html')
| -rw-r--r-- | demos/dialog/modal.html | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/demos/dialog/modal.html b/demos/dialog/modal.html index ef97aa02f..f4e573305 100644 --- a/demos/dialog/modal.html +++ b/demos/dialog/modal.html @@ -23,11 +23,12 @@ </head>
<body>
-<div id="dialog" title="Curabitur augue">
- <p>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.</p>
+<div id="dialog" title="Basic modal dialog">
+ <p>This is identical to the default dialog except a semi-transparent overlay layer is added as an option to make this look modal to the page content.</p><p>The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
-<div> +<!-- Sample page content to illustrate the semi-transparent overlay screen -->
+<div style="padding:20px;"> <p>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.</p> <p>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.</p> <p>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.</p> @@ -37,9 +38,10 @@ <input type="radio" />radio<br /> <select> <option>select</option> - </select><br /> + </select><br /><br /> <textarea>textarea</textarea><br /> </form> </div>
+
</body>
</html>
|