top of page

Community X.

Connect with other creators, share ideas, give feedback and get the latest product updates.

Editor X

The rest is up to you.

Start Creating

Start Now

To see this working, head to your live site.

New feature alert: Grouping

in Releases and Announcements

Accelerate your design process by grouping elements together. Grouped elements move and behave together. With groups you can drag, resize, duplicate, arrange and align multiple elements more efficiently and any animation you apply affects the whole group. Check out this gif below.

How to group elements:

Hold down Shift on your keyboard and select the elements you want to group
Click Group or use the shortcut Ctrl + G on your keyboard (Cmd key for Mac).
To ungroup the elements click Ungroup or use the shortcut Ctrl + Shift + G on your keyboard (Cmd key for Mac)

Tip: To easily select a single grouped element Hold down Ctrl (Cmd key for Mac) and click it.

Note: You can use the Layers Panel to Detach elements from the group, by clicking on the group icon.

Enjoy grouping and please share your feedback with us!

10 comments

10 Comments

Ricardo Herrera

Jun 16, 2021

•

oh man I needed this bfore v:< anyway glad it came tho :v

Guy Tadmor

Nov 17, 2020

I do not see anymore the option to stack two text elements, I can see only Group option, is it a bug or I'm doing something wrong?

Liron Monitz

Nov 22, 2020

•

Replying to

Hi @Guy Tadmor, If the elements are placed in a vertical layout (one above the other), you should have the option to both create a group and stack them. As you can see in this example:

If you still have an issue with stacking elements please share a screenshot and I'll try to help.

Lily Carter

Jun 06, 2021

Replying to

@Liron Monitz hello, may I ask what the difference is between stack and group?

Liron Monitz

Jun 07, 2021

•

Replying to

Hey Lily, The difference between grouping and stacking:

Grouping was created to facilitate the editing process of multiple elements at a time. Grouped elements move and behave together, so you can drag, resize, duplicate, arrange and align multiple elements more efficiently. You should stack when you want to maintain a vertical distance between two elements (typically the relationship is with the parent).
Stacking ensures that your elements stay in their vertical order on every screen size and in fact is a layouting tool, whereas grouping is an editing tool that lets you perform actions on multiple elements. Stacking allows you to create a relationship between elements, you can add vertical margins between two elements (typically the relationship is with the parent).
Stacking elements that are already in a group will automatically ungroup them and create a transparent container so they never overlap.

Helene Clara Gamper

Nov 06, 2020

What's the difference between grouping and stacking?

Sebi Vidret, Product Manager

Nov 06, 2020

•

Replying to

Stacking always you to create a relationship between elements, you can add vertical margins between two elements (typically the relationship is with the parent). Grouping was created to facilitate the editing process of multiple elements at a time. You should stack when you want to maintain a vertical distance between to elements that their height height might change dependkng on the viewport size.

Helene Clara Gamper

Nov 06, 2020

Replying to

@Sebi Vidret, Product Manager ok, thank you for the info

Lukas Jacqueline

Nov 06, 2020

Thank you for this novelty! I was looking forward to this! 😁

To go further, when we have several elements to group together, it would be easier to select them all directly on the "layers" part of the control panel. Can't wait to see this in addition to the "group" option!

You can check out this topic where I exposed the idea:

https://www.editorxcommunity.com/forum/wish-list/select-all-layers

IKAH Design

Nov 04, 2020

Thank you so much for your work. Keep going on. I'm waiting for other new features

bottom of page