Navigation:  How-To >

Conjoin Multiple Elements

Previous pageReturn to chapter overviewNext page

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 group button in the floating tool pane, then the elements will be conjoined into a single Group element.

group_elements

 

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

group_members

You can ungroup them by clicking the ungroup_button button:

ungroup

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.

wrapper_group

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.

hidden_embedded_elements