Sometimes you may need to conjoin multiple elements into one. ForeUI provides two approaches to achieve this: grouping and embedding.
Grouping
Grouping elements is very easy, just select them together and click the
button in the floating tool pane, then the elements will be conjoined into a single Group element.

The member elements within the group are even and they all belongs to the Group element.

You can ungroup them by clicking the
button:

Embedding
Some elements can work as containers and they allow you to embed other elements into them. Actually the Group element is a special type of container: all group members are "embedded" into the group.
These elements can be used as containers, and they can embed each other, with multiple levels.
| • | Group |
| • | Table |
| • | Scrollable Container |
| • | Tabs |
| • | Vertical Tabs |
| • | Tree |
| • | Window |
| • | Accordion |
If you embed element A into B, then embed B into C, you will get a nested structure.
Remarks: The elements above (except the Group) will auto create a group to wrap its embedded elements.

Some containers have the ability to show/hide part of its embedded elements, such as:
| • | Tabs & Vertical Tabs: will hide the embedded elements in non-active tabs. |
| • | Tree: will hide the embedded elements in collapsed nodes. |
| • | Accordion: will hide the embedded elements in collapsed sections. |
