Group Elements

There are certain elements in Visual Composer that act like containers for other elements. The elements within those containers can be either real elements or pseudo-elements, for example:

  • Button Group: contains real button elements and help to display buttons inline (next to each other);
  • Progress Bar: contains separate bars which are pseudo-elements and have separate attributes for a single bar.

Group elements are no different than any other Visual Composer content elements and can be downloaded from the Visual Composer Hub. The only difference is that upon editing of the group element you will see a Tree View displayed inside the edit form of the element. Every single entry of the Tree View is a separate element or pseudo-element that can be edited, cloned or deleted. In some way, Group elements are similar to Advanced Content Elements.

Group element with inner elements or pseudo-elements

Once you select edit of the inner element, you will open a separate edit form with attributes related to the inner element.

Inner element of Group Element in Visual Composer

Note: In order to get back to the group element, click on the ‘Back’ arrow displayed next to the element icon of the edit form.