diff options
| author | Maggie Costello Wachs <fg.maggie@gmail.com> | 2009-01-20 21:10:12 +0000 |
|---|---|---|
| committer | Maggie Costello Wachs <fg.maggie@gmail.com> | 2009-01-20 21:10:12 +0000 |
| commit | 88d8063be47711fe5c0b9390a91fc12c8c6daec0 (patch) | |
| tree | 6e0125b4715abff50a3b03953bac62a54ed2c88f /demos/slider/range_vertical.html | |
| parent | 565808ceaef9387d8d4c7c6cf6bcaf5efaf63658 (diff) | |
| download | jquery-ui-88d8063be47711fe5c0b9390a91fc12c8c6daec0.tar.gz jquery-ui-88d8063be47711fe5c0b9390a91fc12c8c6daec0.zip | |
slightly reorganized/renamed demos to better reflect functionality
Diffstat (limited to 'demos/slider/range_vertical.html')
| -rw-r--r-- | demos/slider/range_vertical.html | 20 |
1 files changed, 2 insertions, 18 deletions
diff --git a/demos/slider/range_vertical.html b/demos/slider/range_vertical.html index fe1bef044..7d80bd3a1 100644 --- a/demos/slider/range_vertical.html +++ b/demos/slider/range_vertical.html @@ -1,7 +1,7 @@ <!doctype html> <html lang="en"> <head> - <title>jQuery UI Slider - Vertical Range Demo</title> + <title>jQuery UI Slider - Vertical range slider</title> <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.3.js"></script> <script type="text/javascript" src="../../ui/ui.core.js"></script> @@ -39,23 +39,7 @@ <div class="demo-description"> -<p> -This is an example of a vertical range slider created by setting the orientation to vertical: -</p> - -<pre><code>orientation: "vertical", -range: true, -values: [17, 67] -</code></pre> - -<p> -It's important to note that a vertical slider needs a height set. -You can do this via <code>.height()</code> or by setting the 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> +<p>Change the orientation of the range slider to vertical. Assign a height value via <strong>.height()</strong> or by setting the height through CSS, and set the <strong>orientation</strong> option to "vertical."</p> </div><!-- End demo-description --> |