Support and Documentation

Containers

A container is a grid layout 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.

related-articles.svg

You can have multiple rows inside a container, and each row can have up to four columns.

Procedure. To create a container:
  1. Open or create the item to which you want to add a container. The content edit page appears.

  2. Toward the right of the widget, select |mi-more_horiz| > Overrides. A widget appears.

  3. Expand Layout. Drop-down lists Above, Aside, and Below appear for the module's position. (For an illustration of these positions, see the diagram Examples of module placement.)

  4. From one of the drop-down lists, select Replace. A drop-down list appears. (For an explanation of the possible selections for module placement, see Module placement.)

  5. Click |mi-add_circle_outline|, and select Container Module. A form appears.

  6. In the Title field, enter a title.

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

  8. Under Rows, click |mi-add_circle_outline|, and select the number of columns you want to include in this row. A form appears for each column.

  9. For each column's form, do the following:

    1. From Add, 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:

    container-form.png
  10. Click Publish.