Node-red -Using the Control UI Node for Dynamic Dashboards
HTML-код
- Опубликовано: 11 окт 2024
- In this video we look at using the control-ui dashboard node for creating dynamic dashboards.
The demo video uses simple buttons to send the controls to the control-ui node to change what is displayed on the tab.
Buy me a Coffee
www.buymeacoff...
You can download the demo flow here
stevesnoderedg...
there is also a written tutorial on the site
stevesnoderedg...
Related videos
Node Red Dashboard Basics
• Node Red Dashboard Basics
--------------
How to Create a Node-Red MQTT Dashboard
• How to Create a Node-R...
Simple Keypad for Node-Red Flows
• Simple Keypad for Node...
-----
Creating A Pop Up Dialogue Using the Notification Node
• Creating A Pop Up Dial...
My Books
www.steves-inte...
thank you for the brief and to the point video
What you had at 0:53 was exactly what I needed. I'll try to get there from your demo. Thank you!
This and the SVG are the only dashboard nodes I had never really used. Good overview of its capabilities and use cases. I can see how I might make use of it now.
Excellent guide, thank you for introducing me to a new facility (to me that is) in Node-Red
Dear Steve, thank you very much for your videos !
I am new to all of this and your tutorials have helped me with SO MUCH! Thank you
Thank you for this very useful video!
Thanks! Helped a lot.
Hi Steve, after using the ui control, the side bar is not showing in the dashboard. There is no way I can switch between the tabs in the dashboard. Please help. Tried disabling the flows and deleting the buttons linked to the ui control noode but nothing helps.
Thanks, very useful.
Concerning the button, after setting the Paylload {} field, is there any other parameter to set ? in my dashboard, i am not able to switch between the 2 tabs i have created, clicking elsewhere in the tab (even on the button) leads to a simple refresh of the tab.... thank you for your help !
Not really. It is very easy to mess up the UI with the control Ui node. Just check the button settings even a slight error means that it doesn't work.
If you are still stuck contact me via the ask steve page and then you can send me the flow and I'll take a look.
stevesnoderedguide.com/ask-steve
rgds
steve
how to dynamically add a new device to a list of devices in the Node-RED dashboard
Hii Mr. Steve thanks for ur video. But i have a question, how about hide group using dropdown?
You can put the same code you use on a button in the payload for the dropdown. If it doesn't let you then feed it into a function node and use the topic to filter it and send the correct payload.
Does that make sense
Thanks for this, I'm having trouble with one thing though. You showed how to make a button hide certain groups and show certain groups but what if i want both groups (admin1, admin2) hidden by default on start up and then clicking one of the control buttons make a group show up.
Don't know but I will take a look
Rgds
Steve
I just looked at the flow again and the easiest way is to add a node like the reset node that gets triggered on startup and sets the initial display.
Does that make sense?
That looks good. Do you know how to use this with different users and rights? The admin, Andm2, home (guest) should only see its "own GroupItems"?
Sorry no I don't. I don't think you can as it stands currently as node-red is single user. You may want to investigate this
flows.nodered.org/node/node-red-contrib-mdashboard
I haven't looked at it yet. Do a search for node-red multi user and there is quite a lot of interest. Again I haven't investigated it but I will eventually.
@@stevecope Thank you Steve. I will try this.
hi steve first of all thanks a lot for your great tutorials. I see that your dashboards are written in French :) are you french ?. And it looks like what you did with this dashboard is very near from what i d like to implement ( dashboards to see logs, to see and edit parameters, force data refresh...). Up to now i have parameters stored in json files and that could be edited directly and user friendly using dashboard instead of manually editing file. So my question is would it be possible to share code examples for logs/paremeters management ? i saw on your website that you often provide some code download. It would be fantastic but in any case once again a big thank you.
Hi No I'm English but I did those for a French person and he translated them. I will take a look through the flows and see what I can extract. Just post a reminder if you don't see anything by early next week.
@@stevecope : hi steve little reminder . I have another question while asking if i may😀 : is it possible to run simultaneously 2 identical http request(i would like to request same http request node but with different parameters to do the jobs in // . if it s possible how to isolate the 2 different execution as i m passing variable using flow context from node to node .
Just checking it is the parameters flow at 42 secs?
@@stevecope : hi steve nono it's a complete different topic but i think of it while looking at your video
@@renaudstaessens7559 Go to the ask steve page on the site and send me a message I will send you the admin flow
www.steves-internet-guide.com/ask-steve/
how can i contact you
You can use the form on the site
stevesnoderedguide.com/ask-steve
rgds
steve