The Webpage Frame Component is used to embed and display content from another page/website seamlessly within an iD CMS page. This component allows users to:

• Create a new iFrame to display an external page/website within a content page
• Reuse an existing iFrame that has been created within the Layour Manager application

The advantages of using the Webpage Frame Component are:

• Provide quick and easy access to external applications and content

This page explains the following:

• Editing Content
• Component Properties
• Instructional Video

New Webpage Frame Source

A new Webpage Frame Source from within the Intranet DASHBOARD (iD) Webpage Frame app can be entered via the text field as shown below.  Once an Webpage Frame source has been entered, click OK to confirm the selection.

New Source Selection

1. General Properties
   Allows users to enable and disable general styling and formatting properties.
   
2. Component Properties
   Allows users to enable and disable properties that are specific to the Webpage Frame component e.g. Scrollbar controls.
   
3. Template Properties                                                                                                                                                                                                                                       These properties are set within the template that the page is based on and are not usually editable from within a page. They control the overall use of a component on a page. For example, a component can be configured so that the content within it can be edited, but the component itself cannot be removed from the page

Name
Default Value: None
The name of the component, used as the identifier for the component.




Padding - LEFT|RIGHT|TOP | BOTTOM
Default Value: 0px
The padding property specifies the padding that will be placed around the component relative to the page. Specific values can be applied to the left, right, top and bottom sections of the components boundary. 

Border Width
Default Value: 2px
The border width sets the border width around the component. A width of 0 indicates that a border will not be added.




Border Style - NONE | DOTTED | DASHED | SOLID | DOUBLE | GROOVE | RIDGE | INSET | OUTSET
Default Value: None
The border style determines the style applied to the border applied around the component. A style of none indicates that a border will not be added.




Border Color 
Default Value: None
The border color sets the color of the border rendered around the component.

Horizontal Scrollbar - AUTO | VISIBLE | HIDDEN
Default Value: Visible
Determines the conditions in which the horizontal scrollbar will be displayed.  If set to auto the scrollbar will only be displayed if the page content width extends beyond the component width, while the visible setting displays the scrollbar all the time and the hidden setting means that the scrollbar will never be seen.




Vertical Scrollbar - AUTO | VISIBLE | HIDDEN
Default Value: Visible
Determines the conditions in which the vertical scrollbar will be displayed. If set to auto the scrollbar will only be displayed if the page content height extends beyond the component width, while the visible setting displays the scrollbar all the time and the hidden setting means that the scrollbar will never be seen.

Allow Property Editing

Default Value: True

This property determines if the properties of the component can be modified from the default settings provided via the template.




Allow Inline Editing

Default Value: True

This property determines if the component's content can be modified from the default content provided via the template.

Allow Sharing

Default Value: True

This property determines if the component can be shared for other users to use within iD CMS pages.

Allow Repositioning
Default Value: True

If property determines if the component can be moved around within the page layout structure (drag and drop). 

Allow Removal

Default Value: True

If property determines if the component can be removed from the page.