IFrame

Description:

I Frame

IFrame is an HTML document which is embedded in another HTML doc on a web page. IFrames are used to insert content from another source.

Allowed Parent Components:

1. Card Body

2. Col

3. Horizontal Section

4. Vertical Section

Allowed Child Components:

1. Popover

2. Pulse

3. Trigger Before Render

Properties

➤ Src

Specify an expression that should return the url for the Iframe.

Allowed Values: An expression which should return string after evaluation

➤ Allow

Use this to selectively enable, disable, and modify the behavior of certain features of iframe. Eg: microphone, camera, geolocation.

Allowed Values: An expression which should return string after evaluation

➤ Title

Please specify title for the IFrame

Allowed Values: Free text field

➤ Height

Specify a number to set the height of the IFrame

Allowed Values: Any number value

➤ Width

Specify a number to set the width of the IFrame

Allowed Values: Any number value

➤ Frame Border

Enable this to add border to the IFrame

Allowed Values: Yes/No

➤ Scrollbar

Enable this to add a scrollbar to the IFrame

Allowed Values: Yes/No

➤ Margin

Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Allowed Values: Any number value

➤ Margin Bottom

Select a value to add margin on the bottom of the component.

Allowed Values: Any number value

➤ Margin Left

Select a value to add margin on the left of the component.

Allowed Values: Any number value

➤ Margin Right

Select a value to add margin on the right of the component.

Allowed Values: Any number value

➤ Margin Top

Select a value to add margin on the top of the component.

Allowed Values: Any number value

➤ Padding

Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Allowed Values: Any number value

➤ Padding Bottom

Select a value to add padding in the bottom of the component.

Allowed Values: Any number value

➤ Padding Left

Select a value to add padding in the left of the component.

Allowed Values: Any number value

➤ Padding Right

Select a value to add padding in right of the component.

Allowed Values: Any number value

➤ Padding Top

Select a value to add padding in top of the component.

Allowed Values: Any number value