# UI Editor width overlap after 30 and compressing all group in singe line

**URL:** <https://discourse.nodered.org/t/ui-editor-width-overlap-after-30-and-compressing-all-group-in-singe-line/58727>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, editor\
**Created:** [21 February 2022 05:15 UTC](https://discourse.nodered.org/t/ui-editor-width-overlap-after-30-and-compressing-all-group-in-singe-line/58727 "2022-02-21T05:15:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sdrshnptl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sdrshnptl/32/40446_2.png) [@sdrshnptl](https://discourse.nodered.org/u/sdrshnptl)\
**Post date:** [21 February 2022 05:15 UTC](https://discourse.nodered.org/t/ui-editor-width-overlap-after-30-and-compressing-all-group-in-singe-line/58727/1 "2022-02-21T05:15:15Z")

</div>

As seen below, every next group is add editor place it inline with previous one.  
Alsoe after modifying group2 size more than 30 its overlapping to adjucent one

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

After width set to more than 30

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

is there any setting which will make this group editing vertical instead horizontal

Nodered 2.2.1: Maintenance Release  
node-red-dashboard 3.1.5

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [21 February 2022 12:01 UTC](https://discourse.nodered.org/t/ui-editor-width-overlap-after-30-and-compressing-all-group-in-singe-line/58727/2 "2022-02-21T12:01:36Z")

</div>

A new version of the dashboard (3.1.6) was released the other day. Please update and see if the problem still occurs.

---

<div class="post-metadata">

**Author:** ![sdrshnptl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sdrshnptl/32/40446_2.png) [@sdrshnptl](https://discourse.nodered.org/u/sdrshnptl)\
**Post date:** [22 February 2022 11:58 UTC](https://discourse.nodered.org/t/ui-editor-width-overlap-after-30-and-compressing-all-group-in-singe-line/58727/3 "2022-02-22T11:58:43Z")

</div>

Hi @zenofmud ,  
Ater updating dashboard to 3.1.6 it's still problamtic.  
Is there any method to arrange editor window to verticle

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

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [22 February 2022 23:35 UTC](https://discourse.nodered.org/t/ui-editor-width-overlap-after-30-and-compressing-all-group-in-singe-line/58727/4 "2022-02-22T23:35:14Z")

</div>

Remember the dashboard is dynamic. If you make the window narrower, things will move.

If you want all the items in one column, then you need to put them all in the same tab.

You might find this helpful: [node-red-dashboard (node) - Node-RED](https://flows.nodered.org/node/node-red-dashboard)

---

<div class="post-metadata">

**Author:** ![sdrshnptl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sdrshnptl/32/40446_2.png) [@sdrshnptl](https://discourse.nodered.org/u/sdrshnptl)\
**Post date:** [7 March 2022 09:14 UTC](https://discourse.nodered.org/t/ui-editor-width-overlap-after-30-and-compressing-all-group-in-singe-line/58727/5 "2022-03-07T09:14:59Z")

</div>

adding all items into one column makes management hard.  
layout sould have verticle alignment to ease ui layout easily.

---

<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 April 2022 09:15 UTC](https://discourse.nodered.org/t/ui-editor-width-overlap-after-30-and-compressing-all-group-in-singe-line/58727/6 "2022-04-06T09:15:09Z")

</div>

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