Show properties panel under the current node

[nickneustroev]

Wappler uses hierarchy nodes for composing the workflows and I like this approach.

The one of the problems with it though is that the properties panel shows up in some distance from the node.

At the backend in Workflows the panel shows up to the right at the top.

And at the frontend in the Page Flow the panel is always visible at the bottom.

And this is a huge waste of time and focus. Because you click the node, then your eyes and your cursor take the trip to the properties panel, you make changes, and then go back. And it repeats constantly while you work.

Good solution for this would be to show properties under the selected node.

Considering there are not many inputs in the properties for most of the actions, it will fit ok.
Yes, there are some actions that have many settings in the properties panel, so they can be left with the current state.

I think this will make work in Wappler faster and more comfortable.

[nickneustroev]

Also, some time ago I suggested another approach for dealing with this issue.

The idea is adding a big empty scrollable space at the end of every workflow.
It allows you to keep scrolling down until the last steps would be at the top of the page. So it became comfortable to work with their properties, as the panel became near.

It is not as good as the panel under the node, but it still improves the user experience.

Add empty space under all SA steps in order to always keep properties near selected step

On the big monitors there is an inconvenience when you edit the last steps of the big SA. Because you’re looking at the bottom of the screen but properties are at the top of the screen. [image] I see two possible ways to solve this. A. Add empty space under all SA steps that allows you to scroll down even if there is nothing. B. Dynamically adapt the position of the Properties panel, so it will be next to the selected step. I think the first option is better. Because it is more comfortable…