# Positioning groups

**URL:** https://discourse.nodered.org/t/positioning-groups/28046
**Category:** Dashboard
**Created:** [9 June 2020 10:56 UTC](https://discourse.nodered.org/t/positioning-groups/28046 "2020-06-09T10:56:19Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Kees](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kees/32/5881_2.png) [@Kees](https://discourse.nodered.org/u/Kees)
#### Post date: [9 June 2020 10:56 UTC](https://discourse.nodered.org/t/positioning-groups/28046/1 "2020-06-09T10:56:20Z")

</div>

For me the groups on the dashboard are not positioned from left to right. However they are positioned from top to bottom left aligned. The positioning of the widgets within a group is correct.  
Does anybody have an idea?

---

<div class="post-metadata">

### Author: ![kuema](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kuema/32/6542_2.png) [@kuema](https://discourse.nodered.org/u/kuema)
#### Post date: [9 June 2020 11:24 UTC](https://discourse.nodered.org/t/positioning-groups/28046/2 "2020-06-09T11:24:06Z")

</div>

As far as I remember there is a custom layout algorithm in place to find the best fit. So we don't have much control over positioning of the groups. Although the order of their definition seems to have some influence over it.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [9 June 2020 12:56 UTC](https://discourse.nodered.org/t/positioning-groups/28046/3 "2020-06-09T12:56:24Z")

</div>

I don't use the dashboard much, but doesn't it fit them side by side if there is enough room, otherwise one above the other? In which case if the window is wide enough it should put them side by side.  
If you want full control them put everything in one large group and position them how you want.

---

<div class="post-metadata">

### Author: ![Kees](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kees/32/5881_2.png) [@Kees](https://discourse.nodered.org/u/Kees)
#### Post date: [9 June 2020 13:57 UTC](https://discourse.nodered.org/t/positioning-groups/28046/4 "2020-06-09T13:57:18Z")

</div>

That's how it should work according the documentation. I have two node-red installations. At one installation it works that way. On the other one it does not. What can I do about it?

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [9 June 2020 14:26 UTC](https://discourse.nodered.org/t/positioning-groups/28046/5 "2020-06-09T14:26:48Z")

</div>

Same browser? Same flow? Same version of node-red, and dashboard?

---

<div class="post-metadata">

### Author: ![Kees](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kees/32/5881_2.png) [@Kees](https://discourse.nodered.org/u/Kees)
#### Post date: [10 June 2020 06:46 UTC](https://discourse.nodered.org/t/positioning-groups/28046/6 "2020-06-10T06:46:53Z")

</div>

I have found out that the "issue" is caused by a dashboard site setting. When you make the horizontal group spacing 0, then the groups are not displayed side by side.  
Thanks.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [10 June 2020 09:42 UTC](https://discourse.nodered.org/t/positioning-groups/28046/7 "2020-06-10T09:42:05Z")

</div>

I can't find that field documented anywhere, have you found it? I haven't used it, but on the assumption it is the space between groups then that sounds like a bug.

---

<div class="post-metadata">

### Author: ![Kees](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kees/32/5881_2.png) [@Kees](https://discourse.nodered.org/u/Kees)
#### Post date: [10 June 2020 10:01 UTC](https://discourse.nodered.org/t/positioning-groups/28046/8 "2020-06-10T10:01:32Z")

</div>

I have not found any documentation about it. But try and error brought me the result. I'm not sure it's a bug. As far as I can see it's the only way to prevent that groups are displayed side by side.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [10 June 2020 10:50 UTC](https://discourse.nodered.org/t/positioning-groups/28046/9 "2020-06-10T10:50:50Z")

</div>

> [@Kees](#):
>
> it's the only way to prevent that groups are displayed side by side.

If you set it to 1 does it leave a space of 1 between the groups?  
Would not using a large number prevent them from going side by side?  
Edit - I haven't got access to a system at this moment.

---

<div class="post-metadata">

### Author: ![Kees](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/kees/32/5881_2.png) [@Kees](https://discourse.nodered.org/u/Kees)
#### Post date: [10 June 2020 11:30 UTC](https://discourse.nodered.org/t/positioning-groups/28046/10 "2020-06-10T11:30:57Z")

</div>

Indeed, a large number gives the same result.  
I suppose it's a space of 1 pixel. I can't see it.

---

<div class="post-metadata">

### Author: ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)
#### Post date: [10 June 2020 15:56 UTC](https://discourse.nodered.org/t/positioning-groups/28046/11 "2020-06-10T15:56:43Z")

</div>

I think in that case 0 should put them side by side, so possibly this is a bug.

---

<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: [10 July 2020 15:56 UTC](https://discourse.nodered.org/t/positioning-groups/28046/12 "2020-07-10T15:56:46Z")

</div>

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