The above is my tab format.I want to navigate to bin status tab on clicking view status button .I've tried multiple methods but none worked for me.Can you please guide on how could i do it?
The ui-control node should do this if you feed it a json in the form.
{"tab":"Bin Status"}
e.g.
[{"id":"4e4cc9a1097f8358","type":"ui_button","z":"452103ea51141731","name":"","group":"2d4fe667.28f8ba","order":18,"width":0,"height":0,"passthru":false,"label":"button","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"tab\":\"Bin Status\"}","payloadType":"json","topic":"topic","topicType":"msg","x":170,"y":2740,"wires":[["08b043cbca6d85e2"]]},{"id":"08b043cbca6d85e2","type":"ui_ui_control","z":"452103ea51141731","name":"","events":"all","x":340,"y":2740,"wires":[[]]},{"id":"2d4fe667.28f8ba","type":"ui_group","name":"demo","tab":"1caa8458.b17814","order":2,"disp":true,"width":"12","collapse":false},{"id":"1caa8458.b17814","type":"ui_tab","name":"Demo","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
All this and more is stated in the ui-control help text in the sidebar.
The bin status tab does not have any json format to edit
Have you looked at and tried the sample flow that @E1cid posted above ??
You need to insert a ui-control node on your flow.
If you click the ui-control node and then move your cursor over to the right-hand side of the screen you can get the Help for that node. That should show you the syntax you can use.
Copy my code. Then press ctrl I in editor or click import in side menu. Paste the code and import into tab. You will see the json in the button node and a ui-control node, add them to a tab and deploy . Go to that tab and click button.
P.s. remove link you added as it gives direct link to your node red editor, any good hacker could easily brute force your admin pass word.
Thanks for your help
But it doesn't show any difference in it.
You need to edit the button node and change the payload setting to point to a tab you have, like 'Bin Status'
Then set the button to show in the place it in the 'Control' tab. Save and deploy.
Then the button will show up on the 'Control' tab and when you press it, it will go to the 'Bin Status' tab
Try {"tab":"Bin Status"} without an underscore.
Here is an example flow you can install and see how it works;
[{"id":"a936feae28fda44e","type":"tab","label":"ui-control tab example","disabled":false,"info":"","env":[]},{"id":"5810f5fa2e2ade26","type":"group","z":"a936feae28fda44e","name":"","style":{"fill":"#e3f3d3","label":true},"nodes":["30947cbe819e99db","406b64664eeec0df","620707018629d678","924029c7a11029a7","dc8d826ed2c2508e"],"x":134,"y":399,"w":412,"h":162},{"id":"6241173ef1309ea6","type":"group","z":"a936feae28fda44e","name":"","style":{"fill":"#ffefbf","label":true},"nodes":["b66f7c536d1f5847","8d5a72ea8e708723","21752eaf8673ab1c","3a29a818fc33d9fa","e4e85870c7866157"],"x":134,"y":219,"w":412,"h":162},{"id":"faee3982a2309356","type":"group","z":"a936feae28fda44e","name":"","style":{"label":false,"fill":"#ffbfbf"},"nodes":["4e4cc9a1097f8358","08b043cbca6d85e2","27aeeeec558afec8","a4465b90fceebd12","cd4e2905c5bab211"],"x":134,"y":39,"w":412,"h":162},{"id":"4e4cc9a1097f8358","type":"ui_button","z":"a936feae28fda44e","g":"faee3982a2309356","name":"Go to tab2","group":"fb2cf18988b0c41d","order":18,"width":0,"height":0,"passthru":false,"label":"Go to tab2","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"tab\":\"tab2\"}","payloadType":"json","topic":"topic","topicType":"msg","x":230,"y":120,"wires":[["08b043cbca6d85e2"]]},{"id":"08b043cbca6d85e2","type":"ui_ui_control","z":"a936feae28fda44e","g":"faee3982a2309356","name":"go to tab2","events":"all","x":450,"y":120,"wires":[[]]},{"id":"30947cbe819e99db","type":"ui_button","z":"a936feae28fda44e","g":"5810f5fa2e2ade26","name":"Go to tab1","group":"1541b6da94f4272a","order":18,"width":0,"height":0,"passthru":false,"label":"Go to tab1","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"tab\":\"tab1\"}","payloadType":"json","topic":"topic","topicType":"msg","x":230,"y":480,"wires":[["406b64664eeec0df"]]},{"id":"406b64664eeec0df","type":"ui_ui_control","z":"a936feae28fda44e","g":"5810f5fa2e2ade26","name":"go to tab1","events":"all","x":450,"y":480,"wires":[[]]},{"id":"27aeeeec558afec8","type":"ui_button","z":"a936feae28fda44e","g":"faee3982a2309356","name":"Go to tab3","group":"fb2cf18988b0c41d","order":18,"width":0,"height":0,"passthru":false,"label":"Go to tab3","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"tab\":\"tab3\"}","payloadType":"json","topic":"topic","topicType":"msg","x":230,"y":160,"wires":[["a4465b90fceebd12"]]},{"id":"a4465b90fceebd12","type":"ui_ui_control","z":"a936feae28fda44e","g":"faee3982a2309356","name":"go to tab3","events":"all","x":450,"y":160,"wires":[[]]},{"id":"620707018629d678","type":"ui_button","z":"a936feae28fda44e","g":"5810f5fa2e2ade26","name":"Go to tab2","group":"1541b6da94f4272a","order":18,"width":0,"height":0,"passthru":false,"label":"Go to tab2","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"tab\":\"tab2\"}","payloadType":"json","topic":"topic","topicType":"msg","x":230,"y":520,"wires":[["924029c7a11029a7"]]},{"id":"924029c7a11029a7","type":"ui_ui_control","z":"a936feae28fda44e","g":"5810f5fa2e2ade26","name":"go to tab2","events":"all","x":450,"y":520,"wires":[[]]},{"id":"b66f7c536d1f5847","type":"ui_button","z":"a936feae28fda44e","g":"6241173ef1309ea6","name":"Go to tab1","group":"3d1d649b5bc69b02","order":18,"width":0,"height":0,"passthru":false,"label":"Go to tab1","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"tab\":\"tab1\"}","payloadType":"json","topic":"topic","topicType":"msg","x":230,"y":300,"wires":[["8d5a72ea8e708723"]]},{"id":"8d5a72ea8e708723","type":"ui_ui_control","z":"a936feae28fda44e","g":"6241173ef1309ea6","name":"go to tab1","events":"all","x":450,"y":300,"wires":[[]]},{"id":"21752eaf8673ab1c","type":"ui_button","z":"a936feae28fda44e","g":"6241173ef1309ea6","name":"Go to tab3","group":"3d1d649b5bc69b02","order":18,"width":0,"height":0,"passthru":false,"label":"Go to tab3","tooltip":"","color":"","bgcolor":"","className":"","icon":"","payload":"{\"tab\":\"tab3\"}","payloadType":"json","topic":"topic","topicType":"msg","x":230,"y":340,"wires":[["3a29a818fc33d9fa"]]},{"id":"3a29a818fc33d9fa","type":"ui_ui_control","z":"a936feae28fda44e","g":"6241173ef1309ea6","name":"go to tab3","events":"all","x":450,"y":340,"wires":[[]]},{"id":"cd4e2905c5bab211","type":"comment","z":"a936feae28fda44e","g":"faee3982a2309356","name":"Buttons on tab1","info":"","x":340,"y":80,"wires":[]},{"id":"e4e85870c7866157","type":"comment","z":"a936feae28fda44e","g":"6241173ef1309ea6","name":"Buttons on tab2","info":"","x":340,"y":260,"wires":[]},{"id":"dc8d826ed2c2508e","type":"comment","z":"a936feae28fda44e","g":"5810f5fa2e2ade26","name":"Buttons on tab3","info":"","x":340,"y":440,"wires":[]},{"id":"fb2cf18988b0c41d","type":"ui_group","name":"tab1","tab":"9ec2937112c6f5e1","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"1541b6da94f4272a","type":"ui_group","name":"tab3","tab":"d8a928af18a73bbb","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"3d1d649b5bc69b02","type":"ui_group","name":"tab2","tab":"6fd705cd22cae4d2","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"9ec2937112c6f5e1","type":"ui_tab","name":"tab1","icon":"dashboard","order":1,"disabled":false,"hidden":false},{"id":"d8a928af18a73bbb","type":"ui_tab","name":"tab3","icon":"dashboard","order":3,"disabled":false,"hidden":false},{"id":"6fd705cd22cae4d2","type":"ui_tab","name":"tab2","icon":"dashboard","order":2,"disabled":false,"hidden":false}]
Thankyou for your suggestion sir.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
