aboutsummaryrefslogtreecommitdiffstats
path: root/demos/slider/range_vertical.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/slider/range_vertical.html')
-rw-r--r--demos/slider/range_vertical.html20
1 files changed, 19 insertions, 1 deletions
diff --git a/demos/slider/range_vertical.html b/demos/slider/range_vertical.html
index f9cf7b4d2..18bfd4a15 100644
--- a/demos/slider/range_vertical.html
+++ b/demos/slider/range_vertical.html
@@ -19,7 +19,25 @@
</head>
<body>
-<div id="slider-range" style="height:300px;"></div>
+<div class="demo">
+
+<div id="slider-range" style="height:250px;"></div>
+
+</div><!-- End demo -->
+
+
+
+<div class="demo-description">
+
+<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>
+<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 -->
</body>
</html>