Page Comparison

Do as follows:

In this example, we describe how to use Layout Builder with an existing rich page and how to add the “Text box” and “Video” components in a two-block section

1. With the page open, click “Layout” in the row of tabs.
2. Add section
   Underneath the fixed fields you can create your layout by first adding what are known as sections. 
   1. Click the “Add section” link at the bottom right of the page or use the pre-selected “Two-block section” on the page.
3. Section type
   You can now choose how many blocks the section is to have by clicking one of the different layouts to the right of the page.
   1. “Two-block” (three options).
   2. “Three-block”.
   3. “Single-block”.
   4. “Full-width”.“
4. Configure sectionSpecify the section heading, background colour (none or grey) and whether there is to be a margin between it and the section above. This applies to all new sections with the exception of the “Full-width” type, which doesn’t have any settings.
   1. Click the blue “Add section” button.
5. Fill the section with content and add components
   You can now start filling the section you just added with content.
   Click the “Add component” link on the left of the two-block section.
   1. Select component
      In this example, we choose to add the “Text box” component from the list on the right. Click the “Text box” link.
   2. Configure component
      Enter the text in the box that opens in the editor and click the blue “Add component” button to save.
6. Now add content to the right of the two blocks. Click the “Add component” link.
   1. Select component
      In this example, we choose to add the “Video” component. Click the “Video” link.
   2. Configure component
      1. Title
         Enter the video’s name/heading in the “Title” field (required). This text will appear under the video.
      2. Video URL
         Enter the URL of the video by pasting the address in the “Video URL” field (required).
      3. Video length
         Enter the length of the video using the format m:s (minutes and seconds) or h:m:s (hours, minutes and seconds) in the “Video length” field.
      4. Video cover
         Add an image to be used as a cover image for the video before it’s played in the “Video cover” field (required). Click the grey “Open image library” button.
      5. Add component
         Click the blue “Add component” button.
7. Now publish the changes made to the page by selecting “Published” and then clicking the blue “Save changes” button.
8. “Image” component (specify which sections)
   Select the “Image” component.
   1. Click “Open image library”.
   2. Choose an image from the library, highlight the image and click “Select images”.
   3. Enter an alternative text (required). Images that are purely decorative or carry no information are not to have an alt text.
   4. Click “Add component”.
9. “Promo – external (link)” component (specify which sections)
   Select the “Promo – external (link)” component. Enter the heading in the “Title” field and the link address in the “Link” field. Click “Add component”.