How to hide and show group in dashboard using css or javascript

ok, i want to use css to hide and show group in dashboard. Any advice Please!

ok, did you actually search the forum (it probably gave you suggestions before you clicked post) and read the dashboard documentation ?

Or look at the ui-control node sidebar info

1 Like

this node does not work as expected. when i start node-red and open my dashboard i found the groups that suppose to be hidden. then i have to deploy the flow to execute ui-control node and have the groups hidden

No you don't.

Read the info (in the side bar info panel) for the ui_control & you will understand you can get an event when a user opens the dashboard. Add a couple of nodes & smidgen of imagination and you'll soon have a solution. :slight_smile:

well then. this drive me crazy really.
here's a simple flow
[{"id":"d261606.508d0a","type":"tab","label":"Flow 2","disabled":false,"info":""},{"id":"656793b1.bd0a2c","type":"inject","z":"d261606.508d0a","name":"","topic":"","payload":"{\"group\":{\"hide\":[\"Tab_19_Group_1\"],\"show\":[\"Tab_19_Group_2\"],\"focus\":true}}","payloadType":"json","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":178.5,"y":138,"wires":[["96c0a469.a23028"]]},{"id":"1dbaf7d0.fc03d8","type":"ui_button","z":"d261606.508d0a","name":"","group":"53b1322b.32761c","order":0,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":399.5,"y":185,"wires":[[]]},{"id":"4d9ae582.958f3c","type":"ui_button","z":"d261606.508d0a","name":"","group":"f4ddf0e.05d341","order":0,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":398.5,"y":237,"wires":[[]]},{"id":"96c0a469.a23028","type":"ui_ui_control","z":"d261606.508d0a","name":"","events":"all","x":462.5,"y":119,"wires":[[]]},{"id":"53b1322b.32761c","type":"ui_group","name":"Group 1","tab":"da763946.9d90e8","order":1,"disp":true,"width":6},{"id":"f4ddf0e.05d341","type":"ui_group","name":"Group 2","tab":"da763946.9d90e8","order":2,"disp":true,"width":6},{"id":"da763946.9d90e8","type":"ui_tab","name":"Tab 19","icon":"dashboard","order":19}]

i need to access to the dashboard http://192.168.X.X:1880/ui/#!/5?socketid=7BReud7J-5IuuwXnxAAAD in my phone
i always get both groups showing.on the first load !!

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