# Ui\_slider auto switch to previous or next tab when range is at either end

**URL:** <https://discourse.nodered.org/t/ui-slider-auto-switch-to-previous-or-next-tab-when-range-is-at-either-end/22574>\
**Category:** Dashboard\
**Created:** [3 March 2020 18:26 UTC](https://discourse.nodered.org/t/ui-slider-auto-switch-to-previous-or-next-tab-when-range-is-at-either-end/22574 "2020-03-03T18:26:18Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![axiomSH](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@axiomSH](https://discourse.nodered.org/u/axiomSH)\
**Post date:** [3 March 2020 18:26 UTC](https://discourse.nodered.org/t/ui-slider-auto-switch-to-previous-or-next-tab-when-range-is-at-either-end/22574/1 "2020-03-03T18:26:18Z")

</div>

I have a flow with a slider in one of the tabs. When I move the slider to 0 it automatically moves to the previous tab. When I move the slider to 100 it automatically moves to the next tab.  
I am using node-red on windows 10.  
Node-RED version: v1.0.3  
Node.js version: v12.16.0  
Dashboard version 2.19.4  
Windows\_NT 10.0.18362 x64 LE

```auto
[{"id":"8e392b42.cb9d18","type":"ui_button","z":"2550e84d.cdda7","name":"","group":"32b0644e.b8807c","order":0,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":450,"y":100,"wires":[[]]},{"id":"d446050b.475bc8","type":"ui_slider","z":"2550e84d.cdda7","name":"","label":"slider","tooltip":"","group":"e244ef19.ea7a5","order":0,"width":0,"height":0,"passthru":true,"outs":"end","topic":"axiomSH/TO/LivingR","min":0,"max":"100","step":"5","x":450,"y":180,"wires":[[]]},{"id":"ef522cce.f778","type":"ui_switch","z":"2550e84d.cdda7","name":"","label":"switch","tooltip":"","group":"72ca9244.d2caac","order":5,"width":0,"height":0,"passthru":true,"decouple":"false","topic":"","style":"","onvalue":"true","onvalueType":"bool","onicon":"","oncolor":"","offvalue":"false","offvalueType":"bool","officon":"","offcolor":"","x":680,"y":60,"wires":[[]]},{"id":"32b0644e.b8807c","type":"ui_group","z":"","name":"Lights","tab":"f711b455.dd74f8","order":1,"disp":true,"width":"6","collapse":false},{"id":"e244ef19.ea7a5","type":"ui_group","z":"","name":"Lights","tab":"5c7e3cb9.4dc504","order":1,"disp":true,"width":"6","collapse":false},{"id":"72ca9244.d2caac","type":"ui_group","z":"","name":"Electric Panel","tab":"a33f0dbc.08976","order":1,"disp":true,"width":"4","collapse":false},{"id":"f711b455.dd74f8","type":"ui_tab","z":"","name":"Kitchen","icon":"kitchen","order":4,"disabled":false,"hidden":false},{"id":"5c7e3cb9.4dc504","type":"ui_tab","z":"","name":"Living Room","icon":"fa-tv","order":2,"disabled":false,"hidden":false},{"id":"a33f0dbc.08976","type":"ui_tab","z":"","name":"Main","icon":"home","order":1,"disabled":false,"hidden":false}]

```

I tried a button and switch. they do not exhibit this behavior.  
Tried searching and did not get any hits.

Any suggestions on where to go from here, or if there is a site that discusses this

thx

---

<div class="post-metadata">

**Author:** ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)\
**Post date:** [3 March 2020 20:20 UTC](https://discourse.nodered.org/t/ui-slider-auto-switch-to-previous-or-next-tab-when-range-is-at-either-end/22574/2 "2020-03-03T20:20:44Z")

</div>

I could not reproduce the weird behaviour your mentioned. Do you have an ui\_control node connected to the ui\_slider node ?

---

<div class="post-metadata">

**Author:** ![edje11](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edje11/32/572_2.png) [@edje11](https://discourse.nodered.org/u/edje11)\
**Post date:** [3 March 2020 20:33 UTC](https://discourse.nodered.org/t/ui-slider-auto-switch-to-previous-or-next-tab-when-range-is-at-either-end/22574/3 "2020-03-03T20:33:09Z")

</div>

Try disabling the "no swipe between tabs"

 ![swipe](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/8/e8019ef85c568169d364236a4a13cb527a385aa4.png)

---

<div class="post-metadata">

**Author:** ![axiomSH](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@axiomSH](https://discourse.nodered.org/u/axiomSH)\
**Post date:** [3 March 2020 22:01 UTC](https://discourse.nodered.org/t/ui-slider-auto-switch-to-previous-or-next-tab-when-range-is-at-either-end/22574/4 "2020-03-03T22:01:49Z")

</div>

Thank you.  
No swipe between tabs DID IT...  
why did this option cause the slider to switch tabs?

---

<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:** [17 March 2020 22:01 UTC](https://discourse.nodered.org/t/ui-slider-auto-switch-to-previous-or-next-tab-when-range-is-at-either-end/22574/5 "2020-03-17T22:01:52Z")

</div>

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