Divide your page content into rows

In XM Cloud Pages, you can use the Row Splitter component to divide your page content into rows. When you place the component in a placeholder, two rows are added, but you can add up to eight rows within the same component.

Once the rows are in place, you can style, reorder, or remove them. Finally, you can add other components to the rows.

To add rows to your page:

  1. Open the page.

  2. On the left-hand side, click Components, and then click the Components tab.

  3. From the Page Structure section, drag the Row Splitter component to a placeholder. Two rows appear vertically within the component.

  4. For each additional row you want to add, on the right-hand side, expand Manage rows, and click Add new. The new row is added below the first two.

  5. Now you can do one or more of the following:

    • Apply styling to the entire component. This will affect all rows within the component. For example, you can center-align the content of all rows within the component. To do this, select the component and, in the Styling section on the right-hand side, click the center alignment icon.

    • Apply styling to individual rows. To do this, select the row component and, on the right-hand side, make the changes you want.

    • Reorder the rows within the component. To do this, select the Row Splitter component and, in the Manage rows section, drag and drop the rows until you have the order you want.

    • Remove rows.

Do you have some feedback for us?

If you have suggestions for improving this article,