¿ªÔÆÌåÓý

ctrl + shift + ? for shortcuts
© 2025 Groups.io

Re: Dashboard Alignment Issues


 

Dave:

First, thanks for taking a look at this. I'm also using the "Node Red Theme Everywhere" setting.

Here's the contents of the Site section in the json file:
"site": {
??????????? "name": "Node-RED Dashboard",
??????????? "hideToolbar": "false",
??????????? "allowSwipe": "false",
??????????? "lockMenu": "false",
??????????? "allowTempTheme": "true",
??????????? "dateFormat": "DD/MM/YYYY",
??????????? "sizes": {
??????????????? "sx": 36,
??????????????? "sy": 36,
??????????????? "gx": 4,
??????????????? "gy": 4,
??????????????? "cx": 4,
??????????????? "cy": 6,
??????????????? "px": 0,
??????????????? "py": 0
??????????? }
??????? }
??? },

Using a group width of 3 instead of 4 results in the Group Heading "Camp K Switch" word-wrapping onto two lines, and the same for some of the button labels. Apparently you must also have to change the text size to make it fit. Is that what you did in your picture?

If I use a space in the button labels, the label wraps to the next line. Even if I enter "a b", the a is on the first line and the b is on the next line. So that's why I used &nbsp instead of a space in the labels.

I have looked at the site with Firefox, Edge, and Chromium (on the Pi). Firefox and Edge render the page identically. Chromium requires a different number of spaces to line the buttons up, but it acts like the other browsers in that the button is placed immediately to the right of the text and is not right-justified.


Mark

K0LO

Join [email protected] to automatically receive all group messages.