This:

Maybe this would help:

💯

from neos-ui.

@kdambekalns I think I agree with your order "before / inside / after", but only if they are displayed like this:

Sadly this uses too much real estate.

I would still vote for the new grouping, because with different levels and allowed child nodetypes there is mostly only a difference between next to this node (inside the parent collection) or inside this node. That's why I've grouped them like this.

As a frontend dev and advanced editor, I always need to look for the right icon. Maybe this would help:

@mhsdesign If others agree with my suggestion. I'd love to team up!

from neos-ui.

Do we want to get his into 8.3? @markusguenther would love that ;)

from neos-ui.

I like the idea of having the "context" in the title of the dialog. ❤️

TBH I would not have been able to tell the up/down arrows have a "tail". That being siad, for me "before" and "after" don't have any closer relation to the parent than to the current node – so I'm fine with either variant. 🤷‍♂️

But for the "inside" position, I'd still put it in between the other two, as it just seems logical to me: before / inside / after is the "correct order" somehow. 🤔

from neos-ui.

Thank you so much for this! ❤️ It has been on my list for a while to discuss this topic but i didnt found the time or had the the proper solution. I agree 100% that its currently not super easy to use and you either need to properly read the title attributes or play around a few times with these 3 buttons.

In the past I mixed up the last two buttons a few times because:

• there is no readable indicator (without hover) whats about to happen
• it seemed in my brain for some reason to be more logical that the "into" button should be last position
• and the insert after icon gave me the impression that it could also be a insert into somehow because of its tail

so you nailed it!!!

(i think we should delay the discussion about the inline toolbar (i think its quite fine ..., or have it someplace else - but also thanks for rethinking that ;))

If you need help implementing this we can team up ;) 🦸

from neos-ui.

I personally like the "before / inside / after" order.

But I think the crucial part which would improve this button row is the text that is visible next to the icons in the last screens as they are not easily self-explanatory.

from neos-ui.

I vote for your second succestion.
If "Inside" is visually* separated, it can be out of the "above, inside, below" flow.

And maybe the simpler arrow-up and arrow-down icons make it slightly cleaner.

*edited

from neos-ui.