Use Horizontal Section Layouts

You can use a section layout to automatically determine the spacing and arrangement of components you add to the layout.

A horizontal layout arranges the items added to it one after the other in a horizontal line. The layout changes proportionally as the page width is increased or decreased. By default, items are fit into one line and are allocated equal horizontal space.

To add a layout to a page:

  1. Navigate to the page you want to edit and make sure that Edit switch is set to Edit.
  2. Add the layout to the page.
  3. To place other content in the section layout, drag and drop the content onto the layout.

    The layout highlights with a solid border and a banner that shows Add Item.
    Description of section_layout_drop.png follows
    Description of the illustration section_layout_drop.png

    You can continue adding items to the layout and the layout will format them accordingly. You can even add other section layouts to create sophisticated layouts.

    The following is a horizontal layout with numbered text components to show the sequence of items in the layout:


    Description of section_layout_horizontal.png follows
    Description of the illustration section_layout_horizontal.png
  4. To edit the component and its appearance, click its menu icon Component Menu icon, and choose Settings. You can set the width for individual areas if you don’t want to use the default proportional sizing. You can also set the alignment (left, center, or right).
  5. Use the General tab to modify settings for the individual components in the layout.
    Click a component name to see the settings for that component.
  6. Use the Background tab to modify background settings for the layout.