Containers

A container is a multi-column layout of any of the other components described in this section. The following illustration is an example of a two-column container; each column has a list of two articles.

../../../_images/related-articles.svg
  1. In the content edit page, open or create the item to which you want to add a container.

  2. Under Overrides, expand Module Placement. Drop-down lists Above, Aside, and Below appear for the container’s position. (For an illustration of these positions, see the diagram Examples of module placement.)

  3. From one of the drop-down lists, select Replace. For an explanation of the possible selections for module placement, see Module Placement.

  4. Click add_circle_outline, and select Container Module. A form appears.

  5. In the Title field, enter a title.

  6. In the Description field, enter a description for the container.

  7. From Columns, select the number of columns you want to include in the container. A form appears for each column.

  8. For each column’s form, do the following:

    1. Click add_circle_outline, and select the component you want to appear in the column. A form appears to design the component.
    2. Complete the form.
    3. Repeat steps a–b to add additional components to the column.

    Your form looks similar to the following:

    ../../../_images/container-form.png
  9. Click Publish.

See also: