Hide and Show Groups with UI_Control

#1

Hi,
after creating 4 buttons, in my flow two groups are displayed. But i have to show a single group with clic; example (b1--> group1, b2--> group2, ...) not (b1--> [group1,group4], b2--> [group2,group4], ...)

[{"id":"23db8bf4.1b5444","type":"ui_button","z":"9c9fa8aa.427ab8","name":"b1","group":"f9047f09.b2f72","order":0,"width":"1","height":"1","passthru":false,"label":"b1","tooltip":"","color":"white","bgcolor":"#f59c31","icon":"","payload":"{\"group\":{\"hide\":[\"Home_Group_2\",\"Home_Group_3\",\"Home_Group_4\"],\"show\":[\"Home_Group_1\"]}}","payloadType":"json","topic":"","x":230,"y":420,"wires":[["129e5133.dee8ff"]]},{"id":"e52d371d.1e5f08","type":"ui_button","z":"9c9fa8aa.427ab8","name":"b2","group":"f9047f09.b2f72","order":0,"width":"1","height":"1","passthru":false,"label":"b2","tooltip":"","color":"white","bgcolor":"#ed4e2e","icon":"","payload":"{\"group\":{\"hide\":[\"Home_Group_1\",\"Home_Group_3\",\"Home_Group_4\"],\"show\":[\"Home_Group_2\"]}}","payloadType":"json","topic":"","x":230,"y":460,"wires":[["129e5133.dee8ff"]]},{"id":"4e14385.2a570c8","type":"ui_button","z":"9c9fa8aa.427ab8","name":"b3","group":"f9047f09.b2f72","order":0,"width":"1","height":"1","passthru":false,"label":"b3","tooltip":"","color":"white","bgcolor":"#ec302e","icon":"","payload":"{\"group\":{\"hide\":[\"Home_Group_1\",\"Home_Group_2\",\"Home_Group_4\"],\"show\":[\"Home_Group_3\"]}}","payloadType":"json","topic":"","x":230,"y":500,"wires":[["129e5133.dee8ff"]]},{"id":"236be986.2c7006","type":"ui_gauge","z":"9c9fa8aa.427ab8","name":"grp2","group":"dc03100a.1d605","order":0,"width":0,"height":0,"gtype":"gage","title":"Gauge","label":"units","format":"{{value}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"","seg2":"","x":750,"y":420,"wires":[]},{"id":"2cc5c617.7239ea","type":"ui_template","z":"9c9fa8aa.427ab8","group":"5133fee9.17d2b","name":"grp1","order":0,"width":"6","height":"3","format":"This is the start group1.<br/>\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":750,"y":360,"wires":[[]]},{"id":"129e5133.dee8ff","type":"ui_ui_control","z":"9c9fa8aa.427ab8","name":"","x":540,"y":460,"wires":[["2cc5c617.7239ea","236be986.2c7006","e9b45ec3.fa6af","77ae2274.ed19cc"]]},{"id":"e9b45ec3.fa6af","type":"ui_template","z":"9c9fa8aa.427ab8","group":"92333e3e.74f96","name":"grp3","order":1,"width":"6","height":"3","format":"This is the start group3.<br/>\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":750,"y":480,"wires":[[]]},{"id":"4b40ec74.8fab34","type":"inject","z":"9c9fa8aa.427ab8","name":"","topic":"","payload":"{\"group\":{\"hide\":[\"Home_Group_1\",\"Home_Group_3\",\"Home_Group_4\"],\"show\":[\"Home_Group_1\"]}}","payloadType":"json","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":250,"y":380,"wires":[["129e5133.dee8ff"]]},{"id":"2e91582f.470968","type":"ui_button","z":"9c9fa8aa.427ab8","name":"b4","group":"f9047f09.b2f72","order":0,"width":"1","height":"1","passthru":false,"label":"b4","tooltip":"","color":"white","bgcolor":"#da303c","icon":"","payload":"{\"group\":{\"hide\":[\"Home_Group_1\",\"Home_Group_3\",\"Home_Group_2\"],\"show\":[\"Home_Group_4\"]}}","payloadType":"json","topic":"","x":230,"y":540,"wires":[["129e5133.dee8ff"]]},{"id":"77ae2274.ed19cc","type":"ui_template","z":"9c9fa8aa.427ab8","group":"b18d554f.acc8a8","name":"grp4","order":1,"width":"6","height":"3","format":"This is the start group4.<br/>\n\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":750,"y":540,"wires":[[]]},{"id":"f9047f09.b2f72","type":"ui_group","z":"","name":"Menu","tab":"48774f17.a7657","disp":false,"width":"6","collapse":false},{"id":"dc03100a.1d605","type":"ui_group","z":"","name":"Group 2","tab":"48774f17.a7657","order":3,"disp":true,"width":"6","collapse":false},{"id":"5133fee9.17d2b","type":"ui_group","z":"","name":"Group 1","tab":"48774f17.a7657","order":2,"disp":true,"width":"6","collapse":false},{"id":"92333e3e.74f96","type":"ui_group","z":"","name":"Group 3","tab":"48774f17.a7657","order":4,"disp":true,"width":"6","collapse":false},{"id":"b18d554f.acc8a8","type":"ui_group","z":"","name":"Groupe 4","tab":"48774f17.a7657","disp":true,"width":"6","collapse":false},{"id":"48774f17.a7657","type":"ui_tab","z":"","name":"Home","icon":"dashboard"}]
0 Likes