Hello,
I'm using Node-RED Dashboard 2.0 and I'm trying to reduce the size of the groups (cards/widgets), similar to zooming out to 80% in a browser.
However, I only want to scale the content of the groups, not the entire page, and without causing white bars or affecting the background layout.
I’ve tried applying transform: scale() and zoom via a ui-template node set to “css on all pages”.
But so far, this hasn’t given the desired result — either nothing changes, or the background is affected, or scrollbars appear.
Has anyone found a way to scale only the group contents in Dashboard 2.0 without breaking the layout or introducing white space?
Any working solution or example would be greatly appreciated. Thanks in advance!
Unfortunately your description is quite vague - I would only be guessing at what you want. Could you perhaps do a mock up in an image editor?
I have adjusted it. Do you understand what I mean now?
Not really. I could guess, like targeting the CSS to the internal portion of the card but in all likelihood it's something you already tried and then you'd end up saying so and then have to clarify anyway. So, if you show me what you've tried, what it looked like and what you did not want to happen, this will be easier to resolve.
jbudd
5 July 2025 13:12
5
You can specify the size (width) of a group.
You can specify the size of a widget within a group.
Are you trying to get more space around each widget?
Would it be satisfactory to increase the horizontal and vertical space between groups?
Why don't you show us a screen capture of your dashboard now and describe what you dislike about it?