Node-RED v4+? And Node.js v18+?
Where can I see the versions?
If you can see the Node-RED log when it starts up, it prints out all of the relevant information. You can just share that.
If I push the update in manage palette from 6.8.2 to 7.0.4, then after the update the button to update is still on the screen. Normally it disappears after the update.
I'am running node red on a windows 11 pc
If I reinstalled node-red-contrib-uibuilder I get an error and it doesn't install. So it doesn't show up in the installed nodes.
Now I did an update of node red:
YES, YES, YES
After the update of node red, I can update node-red-contrib-uibuilder to 7.0.2 without a problem.
BUT, ( Haha ) my previous work with uibuilder is not working anymore.
There is hope, now I can start with your explanation like in the beginning of this chat.
Thanks to save my day.
OK, that error wasn't to do with Node-RED, it meant that you tried to start Node-RED when it was already running and therefore the HTTP PORT was not available because it was already in use.
I also note from the folder structure in use that it looks like you are using Home Assistant?
If so, please note that the installation of Node-RED under Home Assistant is quite different to a standard install which can cause issues with Node-RED.
No, My intention was to use that mini pc for home assistant but now I put HA on another pc with proxmox. That pc is now only running windows, node-red and mqtt.
1 Like
Thanks again, your examples in the beginning of this chat are now working.
I can start to build my screen now.
1 Like
This is a case of don't believe everything the AI tells you! 
That is the old version of the client library, it survived a long time but eventually came time to replace it with something new. I overlapped the two libraries for several years but as you will see from the changelog for v7 and the notes I posted in the forum. V7 finally eliminated the old client because it was just too far out of step with everything else and I don't have the time to maintain both versions I'm afraid.
If in doubt about these things, I recommend adding a uibuilder node with the default "blank" template so that you can always compare its code to your own.
It is possible that if you tell ChatGPT that it made a mistake and used an outdated client library, it may well correct itself.
Thanks ,
What I will do is to show a table on screen.
That's the function before the dashboard table. It is that table I like to show on uibuilder screen. I
var tabledata = global.get("savedata") ||[];
tabledata.unshift({
"Name": global.get("spelersgroepnaam"),
"Speeltijd": global.get("formattedTimeElapsed"),
"Straftijd": global.get("Straftijd")
});
if(tabledata.length > 10) tabledata.pop();
msg.payload = {
command:"replaceData",
arguments:[tabledata]
};
global.set("savedata", tabledata);
return msg;
I just found your UIBUILDER Documentation v7
I will read this first.
Thanks again to TotallyInformation for the help, for making uibuilder and the documentation.
I'am happy with the result.
2 Likes
Very nice! Though probably not terribly accessible for people with vision issues.
You may want to get the SiteImprove Accessibility Checker extension for your browser. This will show you what accessibility issues you may have.
Some countries have legal requirements for accessibility.
In your example here, possibly setting a semi-transparent background to some of the text might well improve things dramatically without needing much change or disrupting the overall feel of the page.
Great stuff though, well done.
2 Likes
Thanks for your advice on vision issues. I have again something to learn. 
It was mainly a test, the background and text colors are still subject of a change.
1 Like
