Hi, the Victron Energy hybrid Energy storage System (Grid / Solar / Battery) - CCGX unit has a handy screen that shows the full status of all components of the system. See below. All the information is accessible via mqtt on the Victron device as well. I would like to build something simple - but similar to the look and feel of this screen.
I do not want to use ui-builder (do not have the time to learn it now). I know how to build html tables from rows of data - using a template node, and a UI template node. I have very little html knowledge. After some searching, it looks like one can use html sections - and 'float' thee of them next to one another - and send that mqtt using mousache template into each of the top thee sections, and do something similar for 2 sections at the bottom. But after trying several approaches, I was not able to get this going.
Anybody with advise for me on this please?
). Find something to build the SVG basic image for you - there are online tools, recent versions of Microsoft PowerPoint will also do it. You will then need to spend a bit of time understanding the code that makes up the image (it is a dialect of XML) - by adding ID's to the various elements you can take control of the colour and text. The Dashboard node even has an SVG editor built in.
