-- merged slider

hpbuniat · Sep 25, 2011 · 67c18c8 · 67c18c8
2 parents 76ec188 + b4950dc
commit 67c18c8
Show file tree

Hide file tree

Showing 6 changed files with 258 additions and 131 deletions.
diff --git a/docs/forms/forms-slider.html b/docs/forms/forms-slider.html
@@ -47,11 +47,16 @@ <h2>Sliders</h2>
 			<p>The slider with a min of 500, max of 5,000 and initial value of 2,500</p>
 			<div data-role="fieldcontain">
 				<label for="slider-2">Input slider:</label>
-				<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" />
+				<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" data-range-theme="b" />
 			</div>
 
 			<p>Sliders also respond to the keyboards shortcuts. To increase the current value the Right Arrow, Up Arrow, and Page Up keys can be used. To decrease the current value the Left Arrow, Down Arrow, and Page Down keys can be used. To move the slider to its minimum or maximum value use the Home and End keys respectively.</p>
 
+            <p>An example of a range-slider</p>
+            <div data-role="fieldcontain">
+                <label for="slider-3">Input slider:</label>
+                <input type="range" name="slider-3" id="slider-3" value="50" min="0" max="100" data-handle-min="10" data-handle-max="55" data-range-theme="b" />
+            </div>
 
 <h2>Refreshing a slider</h2>
 

diff --git a/docs/forms/sliders/index.html b/docs/forms/sliders/index.html
@@ -54,7 +54,7 @@ <h2>Sliders</h2>
 						<p>The slider with a min of 500, max of 5,000 and initial value of 2,500</p>
 						<div data-role="fieldcontain">
 							<label for="slider-2">Input slider:</label>
-							<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" />
+							<input type="range" name="slider-2" id="slider-2" value="2500" min="500" max="5000" data-range-theme="b" />
 						</div>
 
 						<p>Sliders also respond to the keyboards shortcuts. To increase the current value the Right Arrow, Up Arrow, and Page Up keys can be used. To decrease the current value the Left Arrow, Down Arrow, and Page Down keys can be used. To move the slider to its minimum or maximum value use the Home and End keys respectively.</p>