node-red-dashboard icon indicating copy to clipboard operation
node-red-dashboard copied to clipboard

Link to open Layout Editor from within node tray

Open hulzer opened this issue 1 year ago • 4 comments

Hi,

I'd like to test the new layout editor feature, but I can't get it working.

When I try to a new page, I can't select the wysiwyg layout from dropdown: image

node-red v4.0.2 node-red-dasboard v1.9.1

Thanks.

hulzer avatar Nov 28 '24 20:11 hulzer

You run it from here image

Unfortunately my screenshot does not capture the mouse, but it is hovering over the button with the pen, to the left of the + button

colinl avatar Nov 28 '24 21:11 colinl

As @colinl has mentioned, it is available in the sidebar, but we could add something into that config tray too. Will keep this issue open in order to capture that.

joepavitt avatar Nov 29 '24 12:11 joepavitt

Hi everybody,

I wanted to have a look at this issue, but I don't fully understand how it works.

Suppose a page has layout type xxx (e.g. notebook, ...). You open the layout in wysiwyg editor, and deploy your changes after chaning the layout. Then the layout - which arrives in the frontend - still seems to be the original type xxx.

So it looks to me that there is no dedicated "wysiwyg layout" type?

Thanks for illuminating me! Bart

bartbutenaers avatar Jan 08 '25 06:01 bartbutenaers

So it looks to me that there is no dedicated "wysiwyg layout" type?

That's correct, there was in our original PoC, but byb the time it made it to main, @Steve-Mcl had done some great work so that actually, all of the existing layouts are editable through a WYSIWYG editor.

So, a button alongside the layout type editor of "Edit", could then open that WYSIWYG editor for the page in the browser? I had also considered an "Edit Layout" button at the top of the tray, alongside where the existing "Delete" button is, but that could be available for every node - making it easier to jump into layout editing from any point.

joepavitt avatar Jan 08 '25 09:01 joepavitt