# Grid layout out of order - forcing new row? (any news?)

**URL:** <https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [28 July 2022 20:14 UTC](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764 "2022-07-28T20:14:02Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Horst](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/horst/32/17130_2.png) [@Horst](https://discourse.nodered.org/u/Horst)\
**Post date:** [28 July 2022 20:14 UTC](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764/1 "2022-07-28T20:14:02Z")

</div>

I am running into the same problem as another post already described [here](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row/46662)

* * *

I have a dashboard set up like (order verified by exporting nodes):

- ui\_text, 3x1, order: 1
- ui\_text, 3x1, order: 2
- ui\_text, 3x1, order: 3
- switch, 6x1, order: 4
- ui\_text, 3x1, order: 5
- ui\_text, 3x1, order: 6

I expect to see:

```auto
| 1 | 2 |
---------
| 3 |
---------
| 4 |
---------
| 5 | 6 |

```

Instead I'm getting:

```auto
| 1 | 2 |
---------
| 3 | 5 |
---------
| 4 |
---------
| 6 |

```

The explanation of the problem is very good so I am not going to repeat it here.

I think and hope there is a solution available with the current version of dashboard or someone can provide a code snipped to achieve this. It is very useful when you deal with different devices with different screen dimensions to have control over the way the objects are placed on the screen.

regards  
Horst

---

<div class="post-metadata">

**Author:** ![craigcurtin](https://avatars.discourse-cdn.com/v4/letter/c/94ad74/32.png) [@craigcurtin](https://discourse.nodered.org/u/craigcurtin)\
**Post date:** [29 July 2022 00:03 UTC](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764/2 "2022-07-29T00:03:50Z")

</div>

In short the answer is no - it is one of the bugbears of the system and why many people revert to using the ui-template or alternative dashboards such as Flexdash or UiBuilder

Craig

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [29 July 2022 00:15 UTC](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764/3 "2022-07-29T00:15:34Z")

</div>

Or use the layout tool available in the dashboard sidebar to insert some ui-spacers to fill that gap and force the layout to how you want.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/4/3413b5dd4043a3fbb448c37cc94b5d774035c5d2.png)

---

<div class="post-metadata">

**Author:** ![Horst](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/horst/32/17130_2.png) [@Horst](https://discourse.nodered.org/u/Horst)\
**Post date:** [29 July 2022 08:38 UTC](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764/4 "2022-07-29T08:38:40Z")

</div>

Thank you for the alternative frameworks you habe mentioned. I have to calculate my own "internal business case" to figure out the balance between digging into a new framework vs. the long term value it will provide. Until now I am pretty happy with dashboard, but as we move forward to more complex visualisation we may change the platform. I will definitely have a look on Flexdash and UIBuilder.

---

<div class="post-metadata">

**Author:** ![Horst](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/horst/32/17130_2.png) [@Horst](https://discourse.nodered.org/u/Horst)\
**Post date:** [29 July 2022 08:42 UTC](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764/5 "2022-07-29T08:42:26Z")

</div>

Thanks for the input. The spacer is a very handy tool to "design" the dashboard the way I want it to look like with a specific resolution. I'd like to have a device, or better resolution independent, solution, and from my current perspective is not an easy task to achieve with spacers.

---

<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 August 2022 08:43 UTC](https://discourse.nodered.org/t/grid-layout-out-of-order-forcing-new-row-any-news/65764/6 "2022-08-28T08:43:25Z")

</div>

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