# Move node position

**URL:** <https://discourse.nodered.org/t/move-node-position/13033>\
**Category:** Dashboard\
**Created:** [8 July 2019 09:02 UTC](https://discourse.nodered.org/t/move-node-position/13033 "2019-07-08T09:02:34Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![316248269](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/316248269/32/10773_2.png) [@316248269](https://discourse.nodered.org/u/316248269)\
**Post date:** [8 July 2019 09:02 UTC](https://discourse.nodered.org/t/move-node-position/13033/1 "2019-07-08T09:02:34Z")

</div>

Hi:  
How can I move nodes position. For example, I want to move group2 under group1 or left group1. Is it possible to change their placement?

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [8 July 2019 09:04 UTC](https://discourse.nodered.org/t/move-node-position/13033/2 "2019-07-08T09:04:15Z")

</div>

You can drag & drop the items in the layout tab.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [8 July 2019 09:15 UTC](https://discourse.nodered.org/t/move-node-position/13033/4 "2019-07-08T09:15:39Z")

</div>

You can drag groups and you can drag elements. How they are arranged may be depending on the width of the group.

Perhaps you should consider to put them in 1 group if they belong together.

---

<div class="post-metadata">

**Author:** ![316248269](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/316248269/32/10773_2.png) [@316248269](https://discourse.nodered.org/u/316248269)\
**Post date:** [8 July 2019 09:15 UTC](https://discourse.nodered.org/t/move-node-position/13033/5 "2019-07-08T09:15:42Z")

</div>

![1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/34e658df916f703791815180b40d2154282090d3.png)  
You mean this layout?  
Yeah, I know. For same group, I can change these nodes placement. But if i want to change groups' position like the figure below.

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

If I want to move the peak hours to the top of input group, how can I do?  
Cause I wanna collapse the input group when I dont edit, so I put them in different group.

---

<div class="post-metadata">

**Author:** ![316248269](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/316248269/32/10773_2.png) [@316248269](https://discourse.nodered.org/u/316248269)\
**Post date:** [8 July 2019 09:19 UTC](https://discourse.nodered.org/t/move-node-position/13033/6 "2019-07-08T09:19:30Z")

</div>

Drag group so I can put group1 to group2 left or right. cannot move to below.  
So, it is 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:** [8 July 2019 09:51 UTC](https://discourse.nodered.org/t/move-node-position/13033/7 "2019-07-08T09:51:33Z")

</div>

The groups will try to layout sideways first to fill the screen. - on a small device (like a phone ) they will then re-arrange vertically.  
If you make the groups really wide that may force them to then stack vertically - but there may be better ways with some CSS - for example this may help

> [@Change Dashboard css width](https://discourse.nodered.org/t/change-dashboard-css-width/12793):
>
> Hello All, I would like to make my dashboard automatically resize to different screens. This portion of the dashboard is currently set to 6 width.This is taken from my browser using the dev tools. \<div class="nr-dashboard-cardcontainer" id="Main\_CNC\_cards" ng-transclude="" ng-style="{width:ctrl.width, height:ctrl.height}" style="width: 318px; height: 804px;"\> I have used the dev tools to change this in the "element" heading but can't seem to figure out how to do this in the template. The widt…

---

<div class="post-metadata">

**Author:** ![316248269](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/316248269/32/10773_2.png) [@316248269](https://discourse.nodered.org/u/316248269)\
**Post date:** [8 July 2019 09:53 UTC](https://discourse.nodered.org/t/move-node-position/13033/9 "2019-07-08T09:53:51Z")

</div>

cool! It's very helpful. Thanks!