Widget Type - iframe
The iframe widget utilizes embedded HTML from a third party source to display content. For example, the widget can be used to display a map from Google Maps. The widget is configured by inserting an iframe URL and choosing a background of colour or image.
Available in the following Content Blocks: Extra Large, Large, Small
Requirements: HTML for an embedded iframe from a third party source
Configuration
Any field marked with a red asterisk (
*) is required in order to save the widget. Once all applicable fields have been configured, click
Save & Close to save the widget.
Default
- Theme:* choose between 1 of 3 custom themes that have been applied to the website
- Background: choose between Image or Colour for the background (this will only be available for Extra Large)
- Colour: allows you to set the background as a solid colour based on the selected theme's secondary colour
- Image: allows you to add an image by clicking Select and choosing the image from the Media Libraries
- Title: will display above the iframe
- Text Align: using the drop down, set the title to align on the left, center or right
- iframe URL:* insert the iframe URL
- only the url with https://
- do not include the iframe or dimension code
IFrame
- Width:* enter width in pixels
- Height:* enter height in pixels
- Alignment:* choose alignment
- Top Left
- Top Center
- Top Right
- Center Center
- Center Left
- Center Right
- Bottom Left
- Bottom Center
- Bottom Left
- Bottom Right
IFrame Wrapper
- Wrapper Height:* enter height in pixels
Advanced (Optional) settings
- Margins:
- Top: use slider to select margin measured in pixels
- Bottom: user slider to select margin measured in pixels
- Override Padding: check the box to use the following settings:
- Top: use slider to select padding measured in pixels
- Bottom: user slider to select padding measured in pixels