You can group several Elements. You can group, move, and delete the whole Group as a single unit.

group-of-elements.png

Unlike the Box, the Group only combines Elements, and you cannot add a Background, Border, Radius, or Padding.

group-vs-box.png

Group And Ungroup Elements

You can group Elements by pressing CTRL+G and ungroup by CTRL+SHIFT+G.

group-ungroup-elements.gif

NOTE: You can select Elements with a mouse or click each while holding the SHIFT or CTRL key.

Context Operations

You can use the Context Toolbar or Menu to group or ungroup Elements.

Group And Ungroup On Context Toolbar

Click on the Group button to group the selected Elements and the Ungroup button to ungroup them on the Context Toolbar.

group-context-toolbar.png

You can also find these operations in the Options Menu on the Context Toolbar.

group-options-menu.png

Group And Ungroup In Context Menu

You can also call the Group and Ungroup operation for the selected multiple Elements from the Right-Click Menu.

group-context-menu.png

Move Group

You can move a Group by hovering, clicking, and dragging its Elements.

move-group.gif

Resize Group In Editor

Change the Group Width in the Editor by dragging the resize markers on the sides.

group-resize-markers.gif

Duplicate Group

Press CTRL+D or drag while holding ALT to duplicate the selected Group.

You can also use the standard CTRL+С and CTRL+V to copy and paste the selected Group.

duplicate-group.png

Double-Click Element To Select

You can access and edit an Element in a Group by double-clicking on it.

group-elements-by-double-click.gif

Conversion Options In Property Panel

You can convert multiple selected Elements to a Group, Box, or Grid Repeater by choosing the appropriate options in the Property Panel.

convert-options-property-panel.png