# Hide / show groups in dashboard

**URL:** <https://discourse.nodered.org/t/hide-show-groups-in-dashboard/54681>\
**Category:** Dashboard\
**Created:** [3 December 2021 17:25 UTC](https://discourse.nodered.org/t/hide-show-groups-in-dashboard/54681 "2021-12-03T17:25:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![standby82](https://avatars.discourse-cdn.com/v4/letter/s/858c86/32.png) [@standby82](https://discourse.nodered.org/u/standby82)\
**Post date:** [3 December 2021 17:25 UTC](https://discourse.nodered.org/t/hide-show-groups-in-dashboard/54681/1 "2021-12-03T17:25:36Z")

</div>

Hi, I'm new around here, but I've been using Node Red for a long time.  
This problem has arisen and I do not know if it has a solution or how to solve it.

I have created a dashboard with 3 groups: Menu, Group\_A and Group\_B.  
And two buttons, A and B that do the following:  
Button A shows group\_A and hides group\_B.  
Button B shows group\_B and hides group\_A.

The operation is correct, but if I am viewing the dashboad from two devices (computer and mobile), it only shows or hides the groups the device where I have pressed the corresponding button.

Groups may be shown or hidden on both devices at the same time.  
Flow:

```auto
[{"id":"9450a05b.e66b5","type":"tab","label":"Flow 1","disabled":false,"info":""},{"id":"d2ea0a1b.93a088","type":"ui_button","z":"9450a05b.e66b5","name":"","group":"825e4bc1.01f358","order":2,"width":"3","height":"1","passthru":false,"label":"A","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"group\":{\"hide\":[\"Test_Group_B\"],\"show\":[\"Test_Group_A\"]}}","payloadType":"json","topic":"Grupo A","topicType":"str","x":170,"y":40,"wires":[["a49989d1.3769a8","23fb34b.81955cc"]]},{"id":"9e1da410.5ea718","type":"ui_button","z":"9450a05b.e66b5","name":"","group":"825e4bc1.01f358","order":3,"width":"3","height":"1","passthru":false,"label":"B","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"group\":{\"hide\":[\"Test_Group_A\"],\"show\":[\"Test_Group_B\"]}}","payloadType":"json","topic":"Goup B","topicType":"str","x":170,"y":200,"wires":[["a49989d1.3769a8","23fb34b.81955cc"]]},{"id":"a49989d1.3769a8","type":"ui_ui_control","z":"9450a05b.e66b5","name":"","events":"all","x":720,"y":140,"wires":[[]]},{"id":"f485e60.cc45918","type":"ui_gauge","z":"9450a05b.e66b5","name":"","group":"61d2dced.3db8f4","order":7,"width":"2","height":"2","gtype":"gage","title":"gauge","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","className":"","x":270,"y":300,"wires":[]},{"id":"d52caeab.84b29","type":"ui_gauge","z":"9450a05b.e66b5","name":"","group":"a4afceab.1cdc6","order":1,"width":"2","height":"2","gtype":"donut","title":"gauge","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","className":"","x":530,"y":300,"wires":[]},{"id":"23fb34b.81955cc","type":"ui_text","z":"9450a05b.e66b5","group":"825e4bc1.01f358","order":1,"width":0,"height":0,"name":"","label":"text","format":"{{msg.payload}}","layout":"row-spread","className":"","x":310,"y":120,"wires":[]},{"id":"825e4bc1.01f358","type":"ui_group","name":"Menu","tab":"3c94630c.13381c","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"61d2dced.3db8f4","type":"ui_group","name":"Group_A","tab":"3c94630c.13381c","order":2,"disp":true,"width":"6","collapse":false,"className":""},{"id":"a4afceab.1cdc6","type":"ui_group","name":"Group_B","tab":"3c94630c.13381c","order":3,"disp":true,"width":"6","collapse":false,"className":""},{"id":"3c94630c.13381c","type":"ui_tab","name":"Test","icon":"dashboard","order":9}]

```

Thanks for everything!!

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [3 December 2021 23:54 UTC](https://discourse.nodered.org/t/hide-show-groups-in-dashboard/54681/2 "2021-12-03T23:54:09Z")

</div>

It sounds like you need to delete msg.socketid property. Then messages are sent to all browsers.

---

<div class="post-metadata">

**Author:** ![standby82](https://avatars.discourse-cdn.com/v4/letter/s/858c86/32.png) [@standby82](https://discourse.nodered.org/u/standby82)\
**Post date:** [4 December 2021 00:28 UTC](https://discourse.nodered.org/t/hide-show-groups-in-dashboard/54681/3 "2021-12-04T00:28:35Z")

</div>

How and where do I remove that property? Thank you

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [7 December 2021 18:48 UTC](https://discourse.nodered.org/t/hide-show-groups-in-dashboard/54681/4 "2021-12-07T18:48:00Z")

</div>

Use a change node after your button to delete msg.socketid before it goes to the uicontrol 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:** [4 January 2022 22:46 UTC](https://discourse.nodered.org/t/hide-show-groups-in-dashboard/54681/5 "2022-01-04T22:46:54Z")

</div>

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