aboutsummaryrefslogtreecommitdiffstats
path: root/demos/slider/steps.html
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-12-31 05:01:58 +0000
committerRichard Worth <rdworth@gmail.com>2008-12-31 05:01:58 +0000
commit58a11a7dec11bdfc1f43f210ffd52da3816a530c (patch)
tree64d5e9c9067dcae8f1a682fe4c9af0932e48faab /demos/slider/steps.html
parentfff23b36bf19b348d2e6c575d0e3d13ed04d63a3 (diff)
downloadjquery-ui-58a11a7dec11bdfc1f43f210ffd52da3816a530c.tar.gz
jquery-ui-58a11a7dec11bdfc1f43f210ffd52da3816a530c.zip
demos: added <code> inside <pre>. some other minor updates
Diffstat (limited to 'demos/slider/steps.html')
-rw-r--r--demos/slider/steps.html27
1 files changed, 20 insertions, 7 deletions
diff --git a/demos/slider/steps.html b/demos/slider/steps.html
index 1e5fb91cc..e1e3cb9a6 100644
--- a/demos/slider/steps.html
+++ b/demos/slider/steps.html
@@ -26,20 +26,33 @@
<div class="demo">
-<p>Donation amount ($50 increments): <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;"/></p>
+<p>
+<label for="amount">Donation amount ($50 increments):</label>
+<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;"/>
+</p>
+
<div id="slider"></div>
</div><!-- End demo -->
+<div class="demo-description">
+
+<p>
+This slider has a step value set that will only allow for increments of 50 to be selected.
+The default step increment is 1.
+The drag handle will snap to drop points every 50 units.
+This is set in an option called step:
+</p>
+<pre><code>min: 0,
+max: 500,
+step: 50
+</code></pre>
-<div class="demo-description">
+<p>
+This demo also shows how the current slider value can be used to populate a standard form input that can also be used for user feedback.
+</p>
-<p>This slider has a step value set that will only allow for increments of 50 to be selected. The default step increment is 1. The drag handle will snap to drop points every 50 units. This is set in an option called step:</p>
-<pre>
-min: 0, max: 500, step: 50
-</pre>
-<p>This demo also shows how the current slider value can be used to populate a standard form input that can also be used for user feedback.</p>
</div><!-- End demo-description -->
</body>