Intro

The Overlay Content component was designed to allow adding content to a page and displaying it inside an overlay.

This allows the page to be much more compact.

To use it:

  1.  You create a link on the page with the URL being #<trigger-id>.
  2. You add the Page Builder Overlay Content component to the page
  3. You add an Overlay Content item to the component
  4. You configure the Overlay Content item setting the Trigger Id field to the trigger id you used for the link you created
  5. You configure the other fields in the item, including the video to be loaded in the overlay

Item Configuration

  • Trigger Id
  • Title (required but only displayed if before or after text present)
  • Video (optional)
  • Before text (optional)
  • After text (optional)

Here are some examples:

Content for Overlay

overlay-video-hosted /apb/overlay-content/item/1703
overlay-video-youtube /apb/overlay-content/item/1704
overlay-video-vimeo /apb/overlay-content/item/1705
overlay-pure-text /apb/overlay-content/item/1706