Something for Friday afternoon - Dashboard Layout editor

Dashboard
1

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

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

image
image.png2074Ă—1142 171 KB

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 :slight_smile:

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.

11 Likes
2

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

3

Very nice, I like it!

This makes drawing the dashboard much easier!

4

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
image757Ă—418 14.3 KB

@dceejay

5

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