# Something for Friday afternoon - Dashboard Layout editor

**URL:** https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957
**Category:** Dashboard
**Created:** [5 July 2019 15:42 UTC](https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957 "2019-07-05T15:42:58Z")
**Posts on this page:** 6
**Page:** 1

<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: [5 July 2019 15:42 UTC](https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957/1 "2019-07-05T15:42:58Z")

</div>

Thanks to our friends at Hitachi a contribution to add a layout editor to the Dashboard has now been merged into master on github - as 2.16.0-beta. Currently this adds a new layout button to each tab layer in the Dashboard sidebar  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/8/835e692eefdcdeaad7a51634b983f07ed7d029e8.png)

Clicking it will open the new layout editor that will let you move things around within it more easily (I hope).

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/9/912b95dc065fdb7fdd64b1741ba543d6dfc54ebc.png)  
If items are "unlocked" - icon top right of each widget - then they are in Auto size mode as normal - if you lock them then the bottom right grab arrow lets you resize and fix them. Widgets can also be moved to other groups - and spaced out.

**Note:** this is only the start to try to work out what is right - so (encouraging) feedback is welcome 🙂

To install from master - it is a manual job - `cd ~/.node-red && npm i node-red/node-red-dashboard` - and then don't forget to restart and flush you browser cache.

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [5 July 2019 21:55 UTC](https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957/2 "2019-07-05T21:55:40Z")

</div>

Wow, that looks like a great piece of work, well done Hitachi!

---

<div class="post-metadata">

### Author: ![rei\_vilo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rei_vilo/32/162_2.png) [@rei\_vilo](https://discourse.nodered.org/u/rei_vilo)
#### Post date: [7 July 2019 18:01 UTC](https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957/3 "2019-07-07T18:01:31Z")

</div>

Very nice, I like it!

This makes drawing the dashboard much easier!

---

<div class="post-metadata">

### Author: ![mbe23](https://avatars.discourse-cdn.com/v4/letter/m/2bfe46/32.png) [@mbe23](https://discourse.nodered.org/u/mbe23)
#### Post date: [28 December 2022 17:39 UTC](https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957/4 "2022-12-28T17:39:47Z")

</div>

Hello, I've been editing the layout easily before. But I don't understand why now I can't either move or resize the objects. Help would be much appreciated. As you can see in the picture below there are no arrows or anything.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/f/dfd9339baea8c694f2e30ac8c0a83d99b1634188.png)  
@dceejay

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [28 December 2022 20:07 UTC](https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957/5 "2022-12-28T20:07:47Z")

</div>

Could you please start a new topic - you are much more likely to get help than with a 3yo topic.  
Thanks.

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [28 December 2022 20:07 UTC](https://discourse.nodered.org/t/something-for-friday-afternoon-dashboard-layout-editor/12957/6 "2022-12-28T20:07:54Z")

</div>


