[Feature enhancement] New elements tree with more powerful interactions and shortcuts

And another: We should be able to operate the controls (particularly expand/collapse groups) while in the process of adding an element to the tree.

E.g. I go to add a text element, realize I need it in a nested group, click to expand the group, and it adds the text element to the group I clicked to expand. It should instead expand the group and still keep me in the “adding” state until I click not on a control.

3 Likes

This will definitely take some getting used to, mainly because we all have spent countless hours with the old element tree. But overall I like the change.

I do agree with the people saying it should get a bit ‘tighter’; make the indents less pronounced and decrease the space between icons. Deeply nested elements are too indented.

The lock functionality is something i really appreciate. Too many times i accidentally dragged an element on the canvas, and a few times i didn’t notice it happening, causing real issues. I doubt any advanced user uses the drag functionality anyways. Would it be possible to have a functionality which locks all elements, or make them locked by default?

7 Likes

I couldn’t disagree more. I think it’s a dramatic improvement - better spacing, font size, and just more clear.

That’s is a fair point. I think there’s a simple solution though. Currently, if the property editor is not visible, double clicking the element’s icon will open it. What if it also showed the element if it was hidden?

But double clicking the element icon will.

3 Likes

Locking does not lock on the element tree, it locks the elements on the canvas so you cant drag &drop them.

1 Like

I might be misunderstanding, but you can now drag elements from the sidebar directly to the tree (which wasn’t possible previously), and containers will auto-expand to allow dropping within.

1 Like

A bit extreme, just spend more time outside and your eyes will adapt just fine :rofl:

Overall good, just needs some tweaks! I’m sure the team by now is used to posting an overwhelmingly good update and the comments only being the few negatives or ‘now do this next!’.

3 Likes

That’s what I’m referring to, and they aren’t auto-expanding for me

1 Like

Not a fan of the UX experience.

  • I think the icons in the tree are something a designer would add, not a UX expert, they are quite annoying, distracting, they add fluff to the tree but no value.

  • Also the space widthways the tree needs is also something a UX expert wouldn’t do, it’s much slower to find items now and text disappearing - you must have talked about this in the tree meetings.

  • The lack of contrast is very annoying, also something only a designer would do.

  • Plus cannot click on an element to open the editor? I actually don’t get how to open the editor from the tree now. I have to click on the canvas?

Hope you make changes to the design based on user feedback and not based on office politics.
Jess

4 Likes

Looks good Bubble team :+1:

Very exciting to hear this.

Hopefeully dark mode can come one day :pray:

7 Likes

2 Requests:

  1. Please make a “Show All” button at the top - Click it, all Layers show (not just expand)

  2. When clicking an overlay, can it automatically show it? I already miss that from the old editor… Have too many popups to just click that little eye icon.

7 Likes

These are great updates. Really helpful, my favorite is the separating of layers and overlays

Thanks Kate

4 Likes

thats what I meant, I could still drag elements on canvas around and cause errors.

1 Like

Double click the icon to open the PE. That said, I think there’s a bug b/c it’s working only on top level elements for me on Chrome.

2 Likes

I use Edge and it also only works for elements at the top, for child elements it doesn’t.

1 Like

I think it’s nice but agree that space and size are too big.
Auo-reveal is cool. But reveal (right click) doesn’t work anymore (to test, directly right click on element on right side that is not in the actual tree view and you will see that nothing happen if you click on reveal in element tree.
IDEA: Long click in tree view = edit element name. This could be usefull to rename element faster (or right-click with an option to “rename”)

2 Likes

Nice update, love it !

Am I the only one who can’t search for an item?
All my searches show an empty elements tree.

Capture d’écran 2024-03-25 à 22.21.06
Capture d’écran 2024-03-25 à 22.21.15

I can’t wait to reorganize my workflow folders using drag and drop! The editor is becoming more and more pleasant to use, thank you for your work.

2 Likes

Please take inspiration from this :pray: With visuals showing what conditions split into what workflows/actions

10 Likes

Bubble already Ctrl C Ctrl V’ed from Figma, please do the same from WeWeb :grin: If it ain’t broke, don’t fix it…
CleanShot 2024-03-25 at 22.19.44@2x

2 Likes

Yes! Thank you. This is nice.

Expand All! Thanks!

Also, selecting multiple elements in the elements tree. Nice!

4 Likes

Should make it so CMD + Clicking an element reveals where it is rather than automatic. I don’t want to have to scroll though all my elements over-and-over all the time when I click an element on the canvas. Sure other people would think the same.

Also, I think there is a bit too much padding on the elements, making me open the sidebar much more than I needed before.

Overall, much needed update.

2 Likes