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