# Dashboard - Cannot Move ui\_group to bottom

**URL:** <https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598>\
**Category:** Dashboard\
**Created:** [25 March 2020 07:02 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598 "2020-03-25T07:02:17Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 07:02 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/1 "2020-03-25T07:02:17Z")

</div>

Hello, i found a problem when i want to move group [1] into number [2]. on layout i cannot find any function that can move group [1] to [2]

may someone can help me. thankss!

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

---

<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:** [25 March 2020 09:21 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/2 "2020-03-25T09:21:38Z")

</div>

Just to make sure I understand what you want, if you make the window narrower does it move down to where you want?

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 09:27 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/3 "2020-03-25T09:27:56Z")

</div>

i just want to move the window from position number 1, to position 2

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [25 March 2020 09:35 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/4 "2020-03-25T09:35:17Z")

</div>

In your sidebar, select the 'Dashboard' tab, then select layout.  
Drag your elements to wherever you want them & deploy your changes.

![layout](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/8/f89dd243fd57499db06924a9bfdf4e0c77d2b36a.jpeg)

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 10:01 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/5 "2020-03-25T10:01:52Z")

</div>

hi thanks for the reply, but i have try. but it still doesnt work

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

---

<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:** [25 March 2020 10:10 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/6 "2020-03-25T10:10:41Z")

</div>

In that case please answer my first question, if you make the window narrower does it move down to where you want?  
I mean the browser window.

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 10:15 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/7 "2020-03-25T10:15:26Z")

</div>

Hi Colin. yes, if i make my browser windows narrow, it will move to the bottom. but what i want to ask is. how to move that "Nama Kelompok" windows to the bottom of windows with name "Kelompok 18".  
i have try with layout like my last comment... but it doesnt work.

---

<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:** [25 March 2020 10:17 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/8 "2020-03-25T10:17:33Z")

</div>

Make the Nama Kelompok group much wider so that there is not room for it beside the others, then it will be moved below.

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 10:24 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/9 "2020-03-25T10:24:13Z")

</div>

ahh thanks Colin!.  
It is Work!

Thankyou Very Much

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 10:25 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/10 "2020-03-25T10:25:25Z")

</div>

but just in case

---

<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:** [25 March 2020 10:25 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/11 "2020-03-25T10:25:27Z")

</div>

Glad to be of help.  
I needed to know the answer to my original question in order to make sure I understood what was happening. It is always a good idea to try to answer the questions asked.

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 10:26 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/12 "2020-03-25T10:26:08Z")

</div>

it already moved to the bottom, but still not in the middle of the screen. how to make it move to middle?

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

---

<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:** [25 March 2020 10:28 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/13 "2020-03-25T10:28:51Z")

</div>

Position the items in the middle of the group by dragging them. Alternatively of course move the items you want to display into the bottom of the group you want it below.

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 10:33 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/14 "2020-03-25T10:33:02Z")

</div>

umm how i can do that? in this layout editor, i cant move the nama kelompok group. i just can increase and dcrease the number of column

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

---

<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:** [25 March 2020 10:36 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/15 "2020-03-25T10:36:34Z")

</div>

Reduce the width of each item in the group so they are not full width in the group, then you can move them to the right hand side of the group with space in front of them.  
Like you have done in the third group

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 10:44 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/16 "2020-03-25T10:44:12Z")

</div>

Collin, thanks again it works!.  
but im facing another problem like in this picture.'nama kelompok' group collide with 'kelompok 18' group. i just cannot move 'kelompok 18' group further down. it still collide each other

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

---

<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:** [25 March 2020 11:16 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/17 "2020-03-25T11:16:05Z")

</div>

That shouldn't happen. Make sure you are using the latest version of node-red-node-dashboard.  
Are the first three groups all the same height?

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 11:21 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/18 "2020-03-25T11:21:01Z")

</div>

refer to this picture, they have the same height, 4 blocks

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

---

<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:** [25 March 2020 11:25 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/19 "2020-03-25T11:25:32Z")

</div>

And the dashboard version?

---

<div class="post-metadata">

**Author:** ![andhikasaja](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andhikasaja/32/18755_2.png) [@andhikasaja](https://discourse.nodered.org/u/andhikasaja)\
**Post date:** [25 March 2020 11:46 UTC](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598/20 "2020-03-25T11:46:19Z")

</div>

version 2.19.4  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/5/e5a64f91123cdd222636dfe3545bf499cb0e9a52.png)

[Next page](https://discourse.nodered.org/t/dashboard-cannot-move-ui-group-to-bottom/23598.md?page=2)