# Space between widgets

**URL:** <https://discourse.nodered.org/t/space-between-widgets/89079>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [29 June 2024 10:55 UTC](https://discourse.nodered.org/t/space-between-widgets/89079 "2024-06-29T10:55:13Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gaetano](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gaetano/32/81395_2.png) [@Gaetano](https://discourse.nodered.org/u/Gaetano)\
**Post date:** [29 June 2024 10:55 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/1 "2024-06-29T10:55:13Z")

</div>

Hi guys,  
I'm using native NR 4.0 on PI 4b.  
Dashboard-2 1.12.2.  
Is there a way to manage the spacing between 2 widget on dashboard?  
I've tried to use "widget gap" on a Theme, but it seems to have no effect.  
Thanks.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [29 June 2024 11:15 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/2 "2024-06-29T11:15:22Z")

</div>

Hi @Gaetano - the theme's "Widget Gap" _should_ be controlling exactly that. I'm not at my laptop to check properly, but off the top of my the only thing I can think of trying is to do a "Full Deploy" in Node-RED, rather than just modified flows/nodes.

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [29 June 2024 11:31 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/3 "2024-06-29T11:31:31Z")

</div>

Managed to get to a machine, and changed "Widget Gap" to "64px" and it did as I would expect:

![Messenger_creation_6f56387f-1ff4-431d-a644-4f50c8c034c6](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/d/6dff883eadac6bbb02f110346b96ca81cf6a94b8.jpeg)

 ![Messenger_creation_d4557e9e-5163-467a-9e98-22bf62081098](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/e/fe9cb725171741ca080155678e16b57b3508cc0a.jpeg)

Do you see something different?

---

<div class="post-metadata">

**Author:** ![Gaetano](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gaetano/32/81395_2.png) [@Gaetano](https://discourse.nodered.org/u/Gaetano)\
**Post date:** [29 June 2024 11:43 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/4 "2024-06-29T11:43:38Z")

</div>

> [@joepavitt](#):
>
> Hi @Gaetano - the theme's "Widget Gap" _should_ be controlling exactly that. I'm not at my laptop to check properly, but off the top of my the only thing I can think of trying is to do a "Full Deploy" in Node-RED, rather than just modified flows/nodes.

Joe,  
I've tried a Full deploy but nothing is changed.  
I would like to reduce the space. Maybe is there a lower limit?  
I have a synoptic quite large and I would like to reduce the space.  
Sure, I could create more pages, of course. And I will do this if there are no other solutions

---

<div class="post-metadata">

**Author:** ![Gaetano](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gaetano/32/81395_2.png) [@Gaetano](https://discourse.nodered.org/u/Gaetano)\
**Post date:** [29 June 2024 11:44 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/5 "2024-06-29T11:44:59Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/3/9374bf0a23970c65f5db7ccd778e12f8e16fcbdf.png)

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [29 June 2024 11:58 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/6 "2024-06-29T11:58:29Z")

</div>

Thanks, I can see from this the gap is reduced, but each "row" has a minimum height.

Adding a "compact" view is on our todo list, as this is feedback we have had a lot

---

<div class="post-metadata">

**Author:** ![Gaetano](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gaetano/32/81395_2.png) [@Gaetano](https://discourse.nodered.org/u/Gaetano)\
**Post date:** [29 June 2024 12:10 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/7 "2024-06-29T12:10:56Z")

</div>

Joe,  
I would like reduce the space between rows and not the row itself.  
In other words: looking at the image of my synoptic, I would reduce, for example, the space between "Plafoniera Letto" and "Salone". The blank space should be lower.

The following, is the same synoptic on dashboard-1 (captured by the same browser): as you can see, it is smaller than that of dashboard-2.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/8/982647a8a4fc387c9232a1050c54231d28068f87.png)

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [29 June 2024 19:47 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/8 "2024-06-29T19:47:53Z")

</div>

> [@Gaetano](#):
>
> , I would reduce, for example, the space between "Plafoniera Letto" and "Salone". The blank space should be lower.

Thanks for the clarification, I went a little specific, without explanation.

Each "row" in Dashboard is 48px. So the "space" is actually within a row/widget itself, rather than surrounding it. That's why we need to provide an option for "compact" widget variants, so the row height is smaller.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [13 July 2024 19:48 UTC](https://discourse.nodered.org/t/space-between-widgets/89079/9 "2024-07-13T19:48:37Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
