# Layout with width greater than 30

**URL:** https://discourse.nodered.org/t/layout-with-width-greater-than-30/80645
**Category:** Dashboard
**Created:** [18 August 2023 12:30 UTC](https://discourse.nodered.org/t/layout-with-width-greater-than-30/80645 "2023-08-18T12:30:44Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![djpjd](https://avatars.discourse-cdn.com/v4/letter/d/6f9a4e/32.png) [@djpjd](https://discourse.nodered.org/u/djpjd)
#### Post date: [18 August 2023 12:30 UTC](https://discourse.nodered.org/t/layout-with-width-greater-than-30/80645/1 "2023-08-18T12:30:44Z")

</div>

I am trying to create a Dashboard with a width of 38 to fit well on a 55" screen. In the layout editor as soon as I go to a width greater than 30, the normal drag and drop functions no longer work correctly and the sizing of the widgets are no longer represented properly. Is this something that has been noted before?

Width=30

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/a/da4b6bfd395bf3bcab9dfe2b7b93e67787f46c08.png)

Width=31

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/e/2ea0feb2f6176200688d89b382f0690df3c82d39.png)

The widgets automatically go to a narrow representation and resizing and positioning becomes impossible.

---

<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: [18 August 2023 18:36 UTC](https://discourse.nodered.org/t/layout-with-width-greater-than-30/80645/2 "2023-08-18T18:36:29Z")

</div>

Not seen before as most use multiple groups across the screen or larger widget pixel sizes.  
You will have to use manual layout using the sidebar instead.

---

<div class="post-metadata">

### Author: ![djpjd](https://avatars.discourse-cdn.com/v4/letter/d/6f9a4e/32.png) [@djpjd](https://discourse.nodered.org/u/djpjd)
#### Post date: [23 August 2023 17:54 UTC](https://discourse.nodered.org/t/layout-with-width-greater-than-30/80645/3 "2023-08-23T17:54:10Z")

</div>

I used some grouping to get around the issue. Thanks for the advice!

---

<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: [6 September 2023 17:54 UTC](https://discourse.nodered.org/t/layout-with-width-greater-than-30/80645/4 "2023-09-06T17:54:44Z")

</div>

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