# Double ended slider for selecting min / max values

**URL:** <https://discourse.nodered.org/t/double-ended-slider-for-selecting-min-max-values/77395>\
**Category:** Dashboard\
**Created:** [9 April 2023 21:21 UTC](https://discourse.nodered.org/t/double-ended-slider-for-selecting-min-max-values/77395 "2023-04-09T21:21:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![andyp](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@andyp](https://discourse.nodered.org/u/andyp)\
**Post date:** [9 April 2023 21:21 UTC](https://discourse.nodered.org/t/double-ended-slider-for-selecting-min-max-values/77395/1 "2023-04-09T21:21:44Z")

</div>

Hi

Is it possible to create a double ended slider like this? Or a circular one with both ends adjustable?

Thanks!

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/2/42959567c074c0baefed2b0e06c72ac720b47b0f.jpeg)

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [15 April 2023 06:10 UTC](https://discourse.nodered.org/t/double-ended-slider-for-selecting-min-max-values/77395/2 "2023-04-15T06:10:28Z")

</div>

Many examples can be found from web. Mostly done using two range type input elements and a bit of JavaScript to have unified control over those.

For example: [https://codepen.io/joosts/pen/rNLdxvK](https://codepen.io/joosts/pen/rNLdxvK)

So yes, it is possible to create such thing using `ui_template` node.

---

<div class="post-metadata">

**Author:** ![andyp](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@andyp](https://discourse.nodered.org/u/andyp)\
**Post date:** [16 April 2023 05:39 UTC](https://discourse.nodered.org/t/double-ended-slider-for-selecting-min-max-values/77395/3 "2023-04-16T05:39:19Z")

</div>

Thank you for that...... I will probably stick with two sliders currently - but maybe one day someone will do a max/min type node....

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [16 May 2023 05:39 UTC](https://discourse.nodered.org/t/double-ended-slider-for-selecting-min-max-values/77395/4 "2023-05-16T05:39:28Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.