# UI CONTROL in the dashboard
**URL:** https://discourse.nodered.org/t/ui-control-in-the-dashboard/22448
**Category:** Dashboard
**Created:** [1 March 2020 11:58 UTC](https://discourse.nodered.org/t/ui-control-in-the-dashboard/22448 "2020-03-01T11:58:40Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@fabio](https://discourse.nodered.org/u/fabio)
#### Post date: [1 March 2020 11:58 UTC](https://discourse.nodered.org/t/ui-control-in-the-dashboard/22448/1 "2020-03-01T11:58:40Z")
Hi all, i'm using an ui control in order to manage different tabs but it doesn't work. My flow is this:
[{"id":"7a6e04ff.2188dc","type":"tab","label":"Flow 3","disabled":false,"info":""},{"id":"e21c210c.d802a","type":"ui\_slider","z":"7a6e04ff.2188dc","name":"","label":"slider","tooltip":"","group":"ff0fba5a.4b58c8","order":0,"width":0,"height":0,"passthru":true,"outs":"all","topic":"","min":0,"max":10,"step":1,"x":850,"y":420,"wires":[["299a166.92db3ea"]]},{"id":"f10d9056.bd95e","type":"ui\_slider","z":"7a6e04ff.2188dc","name":"","label":"slider","tooltip":"","group":"809a250c.e11758","order":0,"width":0,"height":0,"passthru":true,"outs":"all","topic":"","min":"15","max":"30","step":1,"x":850,"y":540,"wires":[["240f1b19.990fc4"]]},{"id":"e583eb2b.c4abd8","type":"ui\_ui\_control","z":"7a6e04ff.2188dc","name":"","events":"all","x":1060,"y":700,"wires":[]},{"id":"14a0972b.184079","type":"ui\_button","z":"7a6e04ff.2188dc","name":"","group":"ff0fba5a.4b58c8","order":1,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"{"tabs":{"show":["new"]}}","payloadType":"json","topic":"","x":570,"y":680,"wires":[["e583eb2b.c4abd8"]]},{"id":"dab9d457.5ae7a8","type":"ui\_button","z":"7a6e04ff.2188dc","name":"","group":"ff0fba5a.4b58c8","order":2,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"{"tabs":{"show":["new2"]}}","payloadType":"json","topic":"","x":580,"y":860,"wires":[["e583eb2b.c4abd8"]]},{"id":"299a166.92db3ea","type":"ui\_gauge","z":"7a6e04ff.2188dc","name":"","group":"ff0fba5a.4b58c8","order":3,"width":0,"height":0,"gtype":"gage","title":"gauge","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":1040,"y":420,"wires":},{"id":"240f1b19.990fc4","type":"ui\_gauge","z":"7a6e04ff.2188dc","name":"","group":"809a250c.e11758","order":1,"width":0,"height":0,"gtype":"gage","title":"gauge","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":1060,"y":540,"wires":},{"id":"ff0fba5a.4b58c8","type":"ui\_group","z":"","name":"Default","tab":"25dfca6f.cb5596","disp":true,"width":"6","collapse":false},{"id":"809a250c.e11758","type":"ui\_group","z":"","name":"Default","tab":"cf1e9423.a6a218","disp":true,"width":"6","collapse":false},{"id":"25dfca6f.cb5596","type":"ui\_tab","z":"","name":"new","icon":"dashboard","disabled":false,"hidden":false},{"id":"cf1e9423.a6a218","type":"ui\_tab","z":"","name":"new2","icon":"dashboard","disabled":false,"hidden":false}]
This is a simple flow, then i will apply this logic to another flow. Now i want to understand the logic of a ui control and what i mistake with this simple flow.
My version of dashbord is 2.19.4 so i don't think i have to upgrate. Can anyone help me?
---
### Author:  [@Andrei](https://discourse.nodered.org/u/Andrei)
#### Post date: [1 March 2020 12:19 UTC](https://discourse.nodered.org/t/ui-control-in-the-dashboard/22448/2 "2020-03-01T12:19:09Z")
Hi Fabio, no one will be able to have a look in your flow the way it was posted. Please edit the post to include the code inside three backticks.
````auto
```
Your code here
```
````
Is this issue the same one reported here ?
> [@Use of UI control](https://discourse.nodered.org/t/use-of-ui-control/22309):
>
> I have got a flow like that in the screenshot and i want to use and ui control in order to manage the groups. I followed a guide but it doesn't work. My goal is to select, through a button, the gauge or the chart that i want to see in my dashboard. My flow is this: [{"id":"7dd2e45c.5e8f6c","type":"tab","label":"Flow 2","disabled":false,"info":""},{"id":"c8b2567.da0a8a8","type":"debug","z":"7dd2e45c.5e8f6c","name":"","active":false,"tosidebar":true,"console":true,"tostatus":fa…
---
### Author:  [@fabio](https://discourse.nodered.org/u/fabio)
#### Post date: [1 March 2020 19:23 UTC](https://discourse.nodered.org/t/ui-control-in-the-dashboard/22448/3 "2020-03-01T19:23:30Z")
```auto
[{"id":"7a6e04ff.2188dc","type":"tab","label":"Flow 3","disabled":false,"info":""},{"id":"e21c210c.d802a","type":"ui_slider","z":"7a6e04ff.2188dc","name":"","label":"slider","tooltip":"","group":"ff0fba5a.4b58c8","order":0,"width":0,"height":0,"passthru":true,"outs":"all","topic":"","min":0,"max":10,"step":1,"x":850,"y":420,"wires":[["299a166.92db3ea"]]},{"id":"f10d9056.bd95e","type":"ui_slider","z":"7a6e04ff.2188dc","name":"","label":"slider","tooltip":"","group":"809a250c.e11758","order":0,"width":0,"height":0,"passthru":true,"outs":"all","topic":"","min":"15","max":"30","step":1,"x":850,"y":540,"wires":[["240f1b19.990fc4"]]},{"id":"e583eb2b.c4abd8","type":"ui_ui_control","z":"7a6e04ff.2188dc","name":"","events":"all","x":1060,"y":700,"wires":[]},{"id":"14a0972b.184079","type":"ui_button","z":"7a6e04ff.2188dc","name":"","group":"ff0fba5a.4b58c8","order":1,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"{"tabs":{"show":["new"]}}","payloadType":"json","topic":"","x":570,"y":680,"wires":[["e583eb2b.c4abd8"]]},{"id":"dab9d457.5ae7a8","type":"ui_button","z":"7a6e04ff.2188dc","name":"","group":"ff0fba5a.4b58c8","order":2,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"{"tabs":{"show":["new2"]}}","payloadType":"json","topic":"","x":580,"y":860,"wires":[["e583eb2b.c4abd8"]]},{"id":"299a166.92db3ea","type":"ui_gauge","z":"7a6e04ff.2188dc","name":"","group":"ff0fba5a.4b58c8","order":3,"width":0,"height":0,"gtype":"gage","title":"gauge","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":1040,"y":420,"wires":},{"id":"240f1b19.990fc4","type":"ui_gauge","z":"7a6e04ff.2188dc","name":"","group":"809a250c.e11758","order":1,"width":0,"height":0,"gtype":"gage","title":"gauge","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":1060,"y":540,"wires":},{"id":"ff0fba5a.4b58c8","type":"ui_group","z":"","name":"Default","tab":"25dfca6f.cb5596","disp":true,"width":"6","collapse":false},{"id":"809a250c.e11758","type":"ui_group","z":"","name":"Default","tab":"cf1e9423.a6a218","disp":true,"width":"6","collapse":false},{"id":"25dfca6f.cb5596","type":"ui_tab","z":"","name":"new","icon":"dashboard","disabled":false,"hidden":false},{"id":"cf1e9423.a6a218","type":"ui_tab","z":"","name":"new2","icon":"dashboard","disabled":false,"hidden":false}]
```
---
### Author:  [@fabio](https://discourse.nodered.org/u/fabio)
#### Post date: [1 March 2020 19:24 UTC](https://discourse.nodered.org/t/ui-control-in-the-dashboard/22448/4 "2020-03-01T19:24:24Z")
They are different. The flow in the other topic is what i want to do but since i couldn't do with that flow, i tried with a simplier flow.
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [31 March 2020 19:24 UTC](https://discourse.nodered.org/t/ui-control-in-the-dashboard/22448/5 "2020-03-31T19:24:29Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.