Make spacer invisible

Dashboard
1

Hello,
How to make this spacer invisible or have the same color as background or is there any other way to devide this group?

image

2

I think you want to arrange the positions of the elements in the group. There is layout tool to simplify that. Try to use it.

image
image466×536 10.7 KB

3

I want to have it like this:

t
t752×731 14.6 KB

when I use the layout button, it just adds some spacer to my group. I would like to make the space the same color as backround. Thats what I mean with "invisible".

4

Well may be then something like this can be done.
But it is not something you can think as layout adjustment. You can't change the layout system of dashboard. (You can of course but it takes to know a little more what it takes to build it from scratch) You have to respect it.

[{"id":"c5e3a84d.461668","type":"ui_artlessgauge","z":"7a66351.6178ecc","group":"56c0ae85.413d3","order":5,"width":3,"height":3,"name":"","icon":"","label":"Gauge","unit":"","layout":"radial","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":10,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":480,"y":320,"wires":[]},{"id":"2f8ecd30.58e262","type":"ui_artlessgauge","z":"7a66351.6178ecc","group":"56c0ae85.413d3","order":6,"width":3,"height":3,"name":"","icon":"","label":"Gauge","unit":"","layout":"radial","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"animate":true,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":10,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":480,"y":360,"wires":[]},{"id":"36d93b6c.ff0aa4","type":"random","z":"7a66351.6178ecc","name":"","low":1,"high":10,"inte":"true","property":"payload","x":320,"y":320,"wires":[["c5e3a84d.461668"]]},{"id":"d52ded99.1f01","type":"random","z":"7a66351.6178ecc","name":"","low":1,"high":10,"inte":"true","property":"payload","x":320,"y":360,"wires":[["2f8ecd30.58e262"]]},{"id":"986972f7.a3422","type":"inject","z":"7a66351.6178ecc","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"4","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":150,"y":340,"wires":[["36d93b6c.ff0aa4","d52ded99.1f01"]]},{"id":"90ecd37a.12be5","type":"ui_template","z":"7a66351.6178ecc","group":"56c0ae85.413d3","name":"dashboard CSS","order":6,"width":0,"height":0,"format":"<style id=\"dashboard-styles-override\">\n.nr-dashboard-cardcontainer {\n    position: relative;\n    background: transparent;\n}\n.nr-dashboard-theme ui-card-panel {\n   background: transparent;\n   border:none;\n}\n.nr-dashboard-theme ui-card-panel p.nr-dashboard-cardtitle {\n    text-align:center;\n    background:var(--nr-dashboard-groupBackgroundColor);\n}\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","x":480,"y":260,"wires":[[]]},{"id":"56c0ae85.413d3","type":"ui_group","name":"Default","tab":"b935cb70.f94a78","order":1,"disp":true,"width":"6","collapse":false},{"id":"b935cb70.f94a78","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]