HTML

{"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":"HTML","breadcrumbEntityLinkURL":"/applications/Components/htmlcomponent.html/","breadcrumbEntityType":"IntranetDASHBOARD.idWiki.WikiPage, WIKI","breadcrumbEntityLinkPartial":"","isCustomCrumb":false}],"DateToBeDisplayedAs":"Friday, 19 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}

HTML 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 HTML Component is used to create content using languages such as HTML, Javascript, and CSS. This component can be used to create content using web languages, as well as potentially embed other web applications, ie. weather or maps.

The advantages of using the HTML Component are:

Write basic HTML
Write Javascript to create interaction and monitor events
Write Javascript applications
Embed Flash movies
Embed external web applications, eg. Google apps such as weather, maps, calendar, etc.
Create sophisticated user interfaces

Additional HTML Component functionality:

Editing Content

HTML Entry

HTML can be entered by either clicking on the white text area or selecting Edit Content as shown below.

Component Properties

Authorized users are given the ability to edit the properties of the HTML 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 2 tabs:

General Properties
Allow users to enable and disable general styling and formatting properties.
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.

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.

Template
The Template properties are set at the 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 HTML Component.

Back to Top

Back to Components

Back to: Apps

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}