# Dashboard 2 layout grid

**URL:** <https://discourse.nodered.org/t/dashboard-2-layout-grid/94023>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [19 December 2024 13:42 UTC](https://discourse.nodered.org/t/dashboard-2-layout-grid/94023 "2024-12-19T13:42:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [19 December 2024 13:42 UTC](https://discourse.nodered.org/t/dashboard-2-layout-grid/94023/1 "2024-12-19T13:42:38Z")

</div>

Currently using grid layout in dashboard 2 with multiple columns.  
I have columns/widgets that are long and others are shorter.  
The second row starts where the longest column/widget from first row ends. This leaves a larger gap for the shorter columns/widgets.  
Is there an option to fill up columns from below. So that the gap from shorter columns/widgets from first row would be filled up with columns/widget from second row rather than having all widgets from row 2 start at the same level?

---

<div class="post-metadata">

**Author:** ![gerrybartley](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gerrybartley/32/67495_2.png) [@gerrybartley](https://discourse.nodered.org/u/gerrybartley)\
**Post date:** [19 December 2024 18:54 UTC](https://discourse.nodered.org/t/dashboard-2-layout-grid/94023/2 "2024-12-19T18:54:08Z")

</div>

Will adding spacer help to fix your layout? Either that or use groups with different widths to control wdget placement

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/4/64cbaa77a7b8685657a033a266ef259a64ff5c93.png)

---

<div class="post-metadata">

**Author:** ![NodyRed](https://avatars.discourse-cdn.com/v4/letter/n/91b2a8/32.png) [@NodyRed](https://discourse.nodered.org/u/NodyRed)\
**Post date:** [19 December 2024 22:09 UTC](https://discourse.nodered.org/t/dashboard-2-layout-grid/94023/3 "2024-12-19T22:09:56Z")

</div>

I do not see how that would help. Since I want to get widgets moved upwards and not downwards. Not sure how groups with different width would work, but I like to have elements within widgets at the same position on different screens

---

<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:** [24 December 2024 09:37 UTC](https://discourse.nodered.org/t/dashboard-2-layout-grid/94023/4 "2024-12-24T09:37:10Z")

</div>

Unfortunately this is a restriction of our CSS-only rendering method. We do want to improve it, but at the moment, don't have the resource to commit to it in the very near future.

---

<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:** [23 January 2025 09:37 UTC](https://discourse.nodered.org/t/dashboard-2-layout-grid/94023/5 "2025-01-23T09:37:37Z")

</div>

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