Website Documentation: Special Features

IMPORTANT NOTE:

This is only possible if you have full access to the website (ability to use full HTML or HTML as a text format). If you do not have this access, please ask Marc or Andrew. 

How:

• Must make sure "Text format" within Layout Builder is using "HTML" and not "Basic HTML".

See code below for example

In some cases, placing a piece of content into a 1 or 2 column layout makes it too large or doesn't follow the design, so you need to use a 3 or 4 column layout. In order to use a 1+ column layout without the piece of content becoming too large once placed, you can follow the example instructions below.

In the case we just want 1 piece of content in a 4 column layout:

1. Create a 4 column section as normal.
2. Place desired content in one of the columns as normal.
3. In the rest of the other blocks (of the 4 column section), add spaces (doesn't matter how many) to the Heading section and Body section.

Resource

Another example with the width resizing to container (max width being 100%):

In order to do this, you'll use the same code for the popover method and then modify that. Within the code, you'll see a "popover=true", well after that snippet you'll want to add "popoverShowOnLoad=true" within that string of code.

If you need to see it live, simply view the code for the video below or here's an example line of code: popover=true popoverShowOnLoad=true

Note: this is for use with Wistia videos, not YouTube or any other platforms.

Official documentation resource:https://wistia.com/support/developers/popover-customization