Webpage Frame

{"InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"none","IsDeniedAccess":false,"AppName":null,"IsAppDisabled":false}

{"IsVertical":false,"DisplayHomeLink":true,"HomeLinkText":"","HomeLinkURL":"","VerticalBarBehavior":"Default","NavCompulsoryLinkPosition":false,"SaveExpandedNavItems":false,"SetHorizontalNavTabsActive":false,"Title":"Global Horizontal Nav","InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":"Nav Editor","IsAppDisabled":false}

{"ShowBreadcrumb":true,"IsDateTitleVisible":false,"IsBreadcrumbDateVisible":false,"ShowBookmarkIcon":false,"BookmarkIconURL":"","ShowComments":false,"IncludeCommentHyperLink":true,"ShowStructureLink":false,"StructureLinkUrl":"/applications/SiteContent.aspx","ShowUserProfileDetails":false,"ShowMyContentDetails":true,"ShowSearch":false,"UserProfileBreadcrumbBarOption":null,"ShowPublish":false,"ShowLibrary":false,"ManageCMSLink":"/applications/SiteContent.aspx?index","ManageFilesLink":"/applications/SiteContent.aspx?index","LinkSecurityEnabled":false,"ReadAccessToPublish":true,"DenyAccessToPublish":false,"ReadAccessToLibrary":true,"DenyAccessToLibrary":false,"ExternalLinkForPublish":false,"ExternalLinkForLibrary":false,"MyContentBreadcrumbBarOption":{"IsMyFormsVisible":false,"IsMyEventsVisible":false,"IsMyPagesVisible":true,"IsMustReadVisible":false,"IsMyFilesVisible":true,"IsMyContentVisible":false,"IsAssignNotificationsVisible":false,"IsManageMyNotificationsLinkVisible":false,"IsAnonymous":true,"InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":null,"IsAppDisabled":false},"InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":null,"IsAppDisabled":false}

{"BreadcrumbEntities":[{"breadcrumbEntityLink":"Home","breadcrumbEntityLinkURL":"/","breadcrumbEntityType":"","breadcrumbEntityLinkPartial":"","isCustomCrumb":true},{"breadcrumbEntityLink":"Apps","breadcrumbEntityLinkURL":"/applications/","breadcrumbEntityType":"IntranetDASHBOARD.Core.Subsite, Core","breadcrumbEntityLinkPartial":"","isCustomCrumb":false},{"breadcrumbEntityLink":"iD CMS","breadcrumbEntityLinkURL":"/applications/sitecontent.aspx","breadcrumbEntityType":"IntranetDASHBOARD.idWiki.WikiCategory, WIKI","breadcrumbEntityLinkPartial":"","isCustomCrumb":false},{"breadcrumbEntityLink":"Components","breadcrumbEntityLinkURL":"/applications/Components/","breadcrumbEntityType":"IntranetDASHBOARD.idWiki.WikiCategory, WIKI","breadcrumbEntityLinkPartial":"","isCustomCrumb":false},{"breadcrumbEntityLink":"Webpage Frame","breadcrumbEntityLinkURL":"/applications/Components/webpageframecomponent.html/","breadcrumbEntityType":"IntranetDASHBOARD.idWiki.WikiPage, WIKI","breadcrumbEntityLinkPartial":"","isCustomCrumb":false}],"DateToBeDisplayedAs":"Thursday, 25 April","BreadcrumbDate":"","DateTitleURL":"","ApplicationName":[],"UserManagerDetails":"","CommentsText":"Comments","NumberOfComments":0,"UserProfileBreadcrumbBarOutput":null,"MyContentBreadcrumbBarOutput":{"MyForms":"","MyFormsURL":"","MyEvents":"","MyEventsURL":"","MustRead":"","MustReadURL":"","ManageMyNotificationsLink":"","ManageMyNotificationsLinkURL":"/applications/Notifications/default.aspx#jqTabs-3","MyContentURL":"","MyPagesURL":"/applications/mypages.aspx","MyFilesURL":"/applications/myfiles.aspx","UsersFullName":"Anonymous "}}

{"IsVertical":true,"DisplayHomeLink":true,"HomeLinkText":"iD Applications","HomeLinkURL":"/applications","VerticalBarBehavior":"Default","NavCompulsoryLinkPosition":false,"SaveExpandedNavItems":false,"SetHorizontalNavTabsActive":false,"Title":"Applications V Nav","InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":"Nav Editor","IsAppDisabled":false}

{"IsVertical":true,"DisplayHomeLink":true,"HomeLinkText":"System Admin","HomeLinkURL":"/systemadmin","VerticalBarBehavior":"Default","NavCompulsoryLinkPosition":false,"SaveExpandedNavItems":false,"SetHorizontalNavTabsActive":false,"Title":"System Admin V Nav","InSiteHeader":false,"IsEmptyControl":false,"ComponentEditMode":"","IsDeniedAccess":false,"AppName":"Nav Editor","IsAppDisabled":false}

Webpage Frame Component (Version 3.0 and above)

This process is conducted through the Front End of iD and will depend on the level of Security applied.

Topics

Editing Content

Component Properties

Instructional Video

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

Create a new iFrame to display an external page/website within an iD CMS page
Reuse an existing iFrame that has been created within the Layout Manager application

The advantages of using the Webpage Frame Component are:

Provide quick and easy access to external applications and content

Editing Content

New Webpage Frame Source

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

New Source Selection

Component Properties

Authorized users are given the ability to edit the properties of the Webpage Frame Component. By editing the properties the authorized user can adjust the available functionality and the look and feel of the component within the site.

The editing of the properties is divided into 3 tabs:

General Properties
Allows users to enable and disable general styling and formatting properties.
Component Properties
Allows users to enable and disable properties that are specific to the Webpage Frame Component, eg. horizontal and vertical scrollbars.
Template Properties
These properties are set within the template and are not usually editable as they control the overall use of a component. For example, a component can be configured so that the component itself cannot be removed.

General
General properties are related to the general appearance of the component within its nominated location. Listed below are the properties available for modification.

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

Height
Default Value: 200px
The height of the component. Note that the height property is only used if Enable Height Restriction is enabled.

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

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 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.

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

Heading
Default Value:
Enter text to add a heading.

Component
The Component properties are related to the specific component's visual appearance and functionality. Listed below are the properties available for modification.

Horizontal Scrollbar - AUTO | VISIBLE | HIDDEN
Default Value: Visible
Determines the condition 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. 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 condition 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 height. The visible setting displays the scrollbar all the time and the hidden setting means that the scrollbar will never be seen.

Template
The Template properties are set to template level and cannot be edited elsewhere. Listed below are the properties within the template properties.

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 Removal
Default Value: True
This property determines if the component can be removed from the current location.

Allow Repositioning
Default Value: True
This property determines if the component can be moved to its current position (drag and drop).

Allow Sharing
Default Value: True
This property determines if the component can be shared for other users to use within the site.

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.

Instructional Video

The following instructional video provides an introduction to the Webpage Frame Component.

Back to Components

Back to Apps

^Back to Top

iD Help refers to iD 8

Viewing: {SubsiteLink}

{UsersFullName}

{Profile Name}

Show older comments

Show newer comments

{Profile Name}

{Profile Name}

Show older comments

Show newer comments

{Title}
in {Category}

{Title}
in {SubCategory}

{Title}
in {Calendar name}

{Title}
in {Room}

{Title}
in {Folder name}

{Title}

{Title}
in {Application Name}

{Title}
in {Subsite iD CMS}

{Title}
in {Subsite iD CMS}

{Title}
in {iD CMS Folder}

Share this component
Share Name	*
Add this component to current template Note: You must save the page to Live for this to take effect

Viewing: {SubsiteLink}

{UsersFullName}

{Profile Name}

Show older comments

Show newer comments

{Profile Name}

{Profile Name}

Show older comments

Show newer comments

{Title} in {Category}

{Title} in {SubCategory}

{Title} in {Calendar name}

{Title} in {Room}

{Title} in {Folder name}

{Title}

{Title} in {Application Name}

{Title} in {Subsite iD CMS}

{Title} in {Subsite iD CMS}

{Title} in {iD CMS Folder}

{Title}
in {Category}

{Title}
in {SubCategory}

{Title}
in {Calendar name}

{Title}
in {Room}

{Title}
in {Folder name}

{Title}
in {Application Name}

{Title}
in {Subsite iD CMS}

{Title}
in {Subsite iD CMS}

{Title}
in {iD CMS Folder}