diff options
Diffstat (limited to 'demos/slider')
| -rw-r--r-- | demos/slider/range.html | 4 | ||||
| -rw-r--r-- | demos/slider/range_vertical.html | 4 | ||||
| -rw-r--r-- | demos/slider/rangemax.html | 4 | ||||
| -rw-r--r-- | demos/slider/rangemin.html | 4 | ||||
| -rw-r--r-- | demos/slider/slider_vertical.html | 6 | ||||
| -rw-r--r-- | demos/slider/steps.html | 2 |
6 files changed, 12 insertions, 12 deletions
diff --git a/demos/slider/range.html b/demos/slider/range.html index f86ef23d4..97c3933a1 100644 --- a/demos/slider/range.html +++ b/demos/slider/range.html @@ -32,10 +32,10 @@ <div class="demo-description"> -<p>Example of a range slider that had two drag handles and a filled bar that connects the two handles to indicate that the values between them are selected. THis is created by setting the range option:</p> +<p>Example of a range slider that had two drag handles and a filled bar that connects the two handles to indicate that the values between them are selected. THis is created by setting the range option:</p> <pre> range: true, -</pre> +</pre> </div><!-- End demo-description --> diff --git a/demos/slider/range_vertical.html b/demos/slider/range_vertical.html index 17bdd6920..e2824348e 100644 --- a/demos/slider/range_vertical.html +++ b/demos/slider/range_vertical.html @@ -30,12 +30,12 @@ <div class="demo-description"> -<p>This is an example of a vertical range slider created by setting the orientation to vertical:</p> +<p>This is an example of a vertical range slider created by setting the orientation to vertical:</p> <pre> orientation: "vertical", range: true, values: [17, 67] -</pre> +</pre> <p>It's important to note that a vertical slider needs a height set. You can do this via the script options or by adding a height through CSS. </p> </div><!-- End demo-description --> diff --git a/demos/slider/rangemax.html b/demos/slider/rangemax.html index c87f36f22..1d610680b 100644 --- a/demos/slider/rangemax.html +++ b/demos/slider/rangemax.html @@ -34,10 +34,10 @@ <div class="demo-description"> -<p>An example of a range slider that has the filled bar hard-coded to the maximum value plus a single slider. This makes it clear that selecting a value will also include all values above the selection. This is a range option type:</p> +<p>An example of a range slider that has the filled bar hard-coded to the maximum value plus a single slider. This makes it clear that selecting a value will also include all values above the selection. This is a range option type:</p> <pre> range: "max", -</pre> +</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 --> diff --git a/demos/slider/rangemin.html b/demos/slider/rangemin.html index b8496df01..6d19521d8 100644 --- a/demos/slider/rangemin.html +++ b/demos/slider/rangemin.html @@ -34,10 +34,10 @@ <div class="demo-description"> -<p>An example of a range slider that has the filled bar hard-coded to the minimum value plus a single slider. This makes it clear that selecting a value will also include all values below the selection. This is a range option type:</p> +<p>An example of a range slider that has the filled bar hard-coded to the minimum value plus a single slider. This makes it clear that selecting a value will also include all values below the selection. This is a range option type:</p> <pre> range: "min", -</pre> +</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 --> diff --git a/demos/slider/slider_vertical.html b/demos/slider/slider_vertical.html index 875addb10..e9ef91d72 100644 --- a/demos/slider/slider_vertical.html +++ b/demos/slider/slider_vertical.html @@ -12,8 +12,8 @@ $("#slider-vertical").slider({ orientation: "vertical", range: "min", - min: 0, - max: 100, + min: 0, + max: 100, value: 60, slide: function(event, ui) { $("#amount").val(ui.value); @@ -36,7 +36,7 @@ <div class="demo-description"> -<p>This is an example of a minimum range vertical slider created by setting the orientation to vertical:</p> <pre>orientation: "vertical",</pre> +<p>This is an example of a minimum range vertical slider created by setting the orientation to vertical:</p> <pre>orientation: "vertical",</pre> <p>It's important to note that a vertical slider needs a height set. You can do this via the script options or by adding a height through CSS. </p> <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> diff --git a/demos/slider/steps.html b/demos/slider/steps.html index efb3da303..97aeee331 100644 --- a/demos/slider/steps.html +++ b/demos/slider/steps.html @@ -35,7 +35,7 @@ <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> +<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> |