/
C16. iFrame

C16. iFrame

Release notes

Date

Update

Updated by

Date

Update

Updated by

14 Jan 2022

Component finalised

@Japneet Kaur (Deactivated) @Steven Mao (Unlicensed)


Overview

Objective

An iFrame component can be embedded to a page in the CMS. An iFrame can insert all sorts of media into the site without it interfering with the page templates.

Use case

The component can be added to the

  • Content page template

  • Single page application (SPA) template

 

Publications is an example where an iFrame is used: P04. Publications



Business rules

Business rules not applicable as iFrame component is just a link provided in the CMS to display content external to the website and is not CMS authorable.


Designs

Desktop

Mobile

Desktop

Mobile

Designs not available.

Designs not available.


CMS Elements

#

Field

Details

Mandatory

Additional notes

#

Field

Details

Mandatory

Additional notes

1

Title

Text

Y

This is the title of the iFrame

2

Description

Text

N

This description that appears under the title, above the iFrame

3

Link URL (full absolute URL)

href (Text + check on http://)

Y

URL for the source content to be displayed within the iFrame

4

Height

Number (pixels)

Y

Height of the iFrame

5

Width

Number (percentage)

Y

Width of the iFrame:

  • Can only be configured in percentage, and must not exceed 100%

6

Scrolling required?

Checkbox

N

Boolean option for whether scrolling is enabled within the iFrame

7

Border

Number (pixels)

N

The border thickness of the iFrame, in pixels