Moving a New Section

[mizejewski]

With Add a New Section anchored at the bottom, it can be difficult to create one and drag it up to the top of the page (upon realizing a new section is needed up there.) Some ideas:

1. Make it easier the create and move up even when there is scrolling involved
2. Put Add New Section and Add Template buttons above Elements in the left palette, so they can be dragged where needed?

[mizejewski]

Just some addition info: As I've been building more pages, I wanted to note that even dragging an existing section can be difficult if there is a need to scroll to get to the new location.

[arielk]

@mizejewski What do you think about this idea for a new section? #576

[mizejewski]

Looking to BB for inspiration is a good idea, but in my opinion, it has some really confusing and clunky aspects like the overlaid panel positioning, and the fact that templates are separate from "saved rows" and "saved modules." I would like to see you keep the more intuitive approach of Elementor but perhaps change the way section/template is added in a way similar to the mockup here:

The new section or template option is dragged into place from there. Once on the layout, the user can still click the plus sign to add a template or drag a widget into place. Thanks!

[arielk]

Elementor 1.5 RC2 has already been released with this enhancement, please check this issue #1827

Thanks for the feedback!

[mizejewski]

These changes are monumental! Thank you :)

[jorgebarrero]

There are a few ergonomic issues here to be considered. The first is consistency. Elementor has a toolbox. I should have a proper standard tool for inserting sections, not a weird purple button right on top of the design that uglifies de design on the visual panel. The next thing is that sections and columns should be side by side in a section of its own. Titles and text boxes on the next row. Templates on the very bottom. It is a matter of how many clicks are needed and how visual space is used. Wasting the visual for a task is unfrequented used is not a good ergonomic practice.
Sections should be draggable as anything else.

Now that solves the idea of inserting a section into other section that now is really difficult.
The new drag and drop still make very hard to do some things like selecting things close by or the first section when margins are displaced. So I think we should think a little on how this first class elements are manipulated.
For example, if you put a text editor block on the page you edit the text in the left panel, but if you try to select it just to move it, Elementor selects the text, which is useless because I cannot edit the text directly, but prevents from a proper selection to move the text, as the handle is at the right, you have to move the screen bar if you have a small monitor. Text should not be selectable, so you can really drag an drop just selecting the object, not its contents.

Thanks in advance