Hi. Is there and "trick" to reduce the vertical margin between the group header and the body? Looking at the following example (Temparaturen / Schalter / Sonos ) I would like to have only 50% or 66%. [Screenshot_20200825-090048_Edge]

Thanks - that was very helpful to understand the "logic". The solution is a template node, added to side with this data: <style> .nr-dashboard-cardpanel > p { margin-bottom: -5px; } </style> [Screenshot_20200825-104547_Edge]

Hey! I think this can help you: [image] Reducing the gap between text nodes Dashboard Ah Ha! I figured it out. You have to set the CSS 'position' of the nr-dashboard-text in the group to 'static'. Here is an example with two tabs showing the css that will only effect one …

Node-RED

Node-RED Forum

Dashboard, group name - margin

Dashboard

ArneR 25 August 2020 07:10 2

Hey!

I think this can help you:

Arne

Topic		Replies	Views
Changing Padding in "group" on Dashboard Dashboard	4	129	17 August 2025
Group name - spacing Dashboard	2	626	8 September 2019
Reducing the gap between text nodes Dashboard	8	4056	19 March 2021
CSS to position groups Dashboard	7	453	3 January 2023
Margin between two widgets inside a group Dashboard node-red-dashboard	5	1035	4 October 2021

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Dashboard, group name - margin

Related topics