Hi, I have a dashboard table on my screen. But I like to send that table ( and show it ) to a uibuilder screen to popup for a short time if I push on a button on my dashboard.
I don't know where to start, any help?
If you want a UIBUILDER page to overlay a Dashboard one, you will need to load it in an iframe and you will need a ui_node for that.
Generally, if you have data showing in Dashboard that you want in a uibuilder page, you'd have the data in Node-RED so that it can be sent to both.
Probably need a bit more info to be able to say more.
I'am new to node red and still learning. I have a look for examples of iframe and ui_node to see what those are doing.
What do you need more of info?
Some more detail on exactly what you are trying to achieve might be helpful. There may be other ways to achieve it.
For example, it would be simpler to show the other page in a new tab rather than an iframe. Perhaps that would be the best 1st step and once that is working, move on to display in a frame.
Breaking down the problem into smaller chunks is generally a good approach.
Ok, I'am making an escape room console with windows pc, esp32 ( arduino ), node red and mqtt.
I have a dashboard to manage all the escape props, start stop the time en send hints to the playground.
In the escape room I have a second monitor screen with the time counting down and the hints that I can select on my dashboard.
When all the props are finished the time stopped and on my dashboard the score table pops-up.
But that comes on my console monitor and not in the escape room where the players are.
In the score table they can see how good they are against other players.
I write the score table in a global variable, so I can recall it.
Do you need some code?
OK, so this changes things quite a bit. The important thing is that you have the data for the table in Node-RED.
So the first thing to try would be to send that data to a uib-element node set to table output to see if that builds a good enough table for you to use. If it does, you can simply send that to your uibuilder page at the appropriate time. Have an empty <div> on the page as a placeholder, you can use the existing <div id="more"></div> in the standard templates for that if you like. To reset the page ready for the next set of customers, you can send the page a reload command.
Have a go with that and see where you get to. Let us know how you get on. If you need further help, you should share a basic version of your uibuilder page and an example of the data JSON.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
