# Overlapping dashboard groups

**URL:** <https://discourse.nodered.org/t/overlapping-dashboard-groups/84957>\
**Category:** Dashboard\
**Created:** [27 January 2024 07:28 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957 "2024-01-27T07:28:03Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Berx](https://avatars.discourse-cdn.com/v4/letter/b/5daacb/32.png) [@Berx](https://discourse.nodered.org/u/Berx)\
**Post date:** [27 January 2024 07:28 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957/1 "2024-01-27T07:28:03Z")

</div>

Is there a way to prevent the group boxes from overlapping other groups on dashboard ui's? I would be very thankful for any solutions/suggestions.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [27 January 2024 07:49 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957/2 "2024-01-27T07:49:21Z")

</div>

If you have different widths for groups then for some combinations it is not possible for dashboard to calculate positions to not overlap.  
The masonry layout expects same sizes at least for one direction. Even if dashboard allowes to configure different sizes, there's no guarantee that it's possible to align elements.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [27 January 2024 13:02 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957/3 "2024-01-27T13:02:06Z")

</div>

If you need more complex layouts, you will need to consider either Dashboard 2.0 or UIBUILDER.

---

<div class="post-metadata">

**Author:** ![Berx](https://avatars.discourse-cdn.com/v4/letter/b/5daacb/32.png) [@Berx](https://discourse.nodered.org/u/Berx)\
**Post date:** [29 January 2024 19:03 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957/4 "2024-01-29T19:03:44Z")

</div>

Thanks for the information, I will have to use some "workarounds" for my dashboard.

---

<div class="post-metadata">

**Author:** ![Berx](https://avatars.discourse-cdn.com/v4/letter/b/5daacb/32.png) [@Berx](https://discourse.nodered.org/u/Berx)\
**Post date:** [29 January 2024 19:05 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957/5 "2024-01-29T19:05:05Z")

</div>

Thanks, are there any good examples (screenshots or flows avaiable for download) of dashboards that use UIBUILDER ?

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [29 January 2024 20:20 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957/6 "2024-01-29T20:20:46Z")

</div>

There is stull in the forum, some entries in the Flows site and maybe some stuff in the WIKI. There is also a load of built-in documentation including a starter walkthrough. There there are some videos on YouTube as well.

---

<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:** [28 February 2024 20:21 UTC](https://discourse.nodered.org/t/overlapping-dashboard-groups/84957/7 "2024-02-28T20:21:32Z")

</div>

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