Documentation of the multitouch option.

leongersen · Jun 13, 2017 · 8ead94c · 8ead94c
1 parent c5cea4d
commit 8ead94c
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 0 deletions.
diff --git a/documentation/slider-options.php b/documentation/slider-options.php
@@ -387,3 +387,34 @@
 	</div>
 
 </section>
+
+
+<?php sect('multitouch'); ?>
+
+<h2>Multitouch</h2>
+
+<section>
+	<div class="view">
+		<p>Set the multitouch option to <code>true</code> to allow simultaneous interaction with a slider and other content on the page (e.g. another slider). It is even possible to simultaneously control several handles of the same slider.</p>
+
+		<div class="example" style="margin: 0;">
+			<div class="sliders" id="slider-multitouch-1" style="margin-bottom: 20px"></div>
+			<div class="sliders" id="slider-multitouch-2" style="margin-bottom: 20px"></div>
+			<div class="sliders" id="slider-multitouch-3"></div>
+			<?php run('multitouch'); ?>
+		</div>
+
+		<div class="options">
+			<strong>Default</strong>
+			<div><code>false</code></div>
+
+			<strong>Accepted values</strong>
+			<div><code>true</code>, <code>false</code></div>
+		</div>
+
+	</div>
+
+	<div class="side">
+		<?php code('multitouch'); ?>
+	</div>
+</section>
diff --git a/documentation/slider-options/multitouch.js b/documentation/slider-options/multitouch.js
@@ -0,0 +1,11 @@
+[1, 2, 3].forEach(function (i) {
+	slider = document.getElementById('slider-multitouch-' + i);
+	noUiSlider.create(slider, {
+		start: [20, 80],
+		multitouch: true,
+		range: {
+			min: 0,
+			max: 100
+		}
+	});
+});