Skip to content

Commit c067e99

Browse files
rdworthrdworth
committed
demos/dialog: markup tweaks
1 parent 1149c52 commit c067e99

2 files changed

Lines changed: 28 additions & 23 deletions

File tree

‎demos/dialog/modal_confirmation.html‎

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -35,12 +35,12 @@
3535

3636
<div class="demo">
3737

38-
<div id="dialog" title="Empty the recycle bin?">
39-
<p><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?</p>
40-
</div>
38+
<div id="dialog" title="Empty the recycle bin?">
39+
<p><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?</p>
40+
</div>
4141

42-
<!-- Sample page content to illustrate the layering of the dialog -->
43-
<div class="hiddenInViewSource" style="padding:20px;">
42+
<!-- Sample page content to illustrate the layering of the dialog -->
43+
<div class="hiddenInViewSource" style="padding:20px;">
4444
<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>
4545
<form>
4646
<input value="text input" /><br />
@@ -56,14 +56,15 @@
5656

5757
</div><!-- End demo -->
5858

59-
60-
6159
<div class="demo-description">
6260

63-
<p>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.</p>
61+
<p>
62+
This type of dialog adds a button bar and is useful for confirming an action that may be destructive or important.
63+
These are typically displayed as modal dialogs to get the user's attention and force a decision before continuing.
64+
This example uses an icon from the css sprite set and is set to be not resizable by setting the resizable option to false.
65+
</p>
6466

6567
</div><!-- End demo-description -->
6668

67-
6869
</body>
6970
</html>

‎demos/dialog/modal_message.html‎

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -28,20 +28,20 @@
2828
</head>
2929
<body>
3030

31-
<div id="dialog" title="Download complete">
32-
<p><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.</p>
33-
<p>Currently using <b>36% of your storage space</b>.</p>
34-
</div>
35-
36-
3731
<div class="demo">
3832

39-
<div id="dialog" title="Basic dialog">
40-
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon. </p>
41-
</div>
33+
<div id="dialog" title="Download complete">
34+
<p>
35+
<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
36+
Your files have downloaded successfully into the My Downloads folder.
37+
</p>
38+
<p>
39+
Currently using <b>36% of your storage space</b>.
40+
</p>
41+
</div>
4242

43-
<!-- Sample page content to illustrate the layering of the dialog -->
44-
<div class="hiddenInViewSource" style="padding:20px;">
43+
<!-- Sample page content to illustrate the layering of the dialog -->
44+
<div class="hiddenInViewSource" style="padding:20px;">
4545
<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>
4646
<form>
4747
<input value="text input" /><br />
@@ -57,11 +57,15 @@
5757

5858
</div><!-- End demo -->
5959

60-
61-
6260
<div class="demo-description">
6361

64-
<p>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. </p><p>This example adds a button bar with a single 'Ok' button to dismiss the dialog.</p>
62+
<p>
63+
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.
64+
</p>
65+
66+
<p>
67+
This example adds a button bar with a single 'Ok' button to dismiss the dialog.
68+
</p>
6569

6670
</div><!-- End demo-description -->
6771

0 commit comments

Comments
 (0)