Applications
iD Applications

Heading
HTML Component
Formatted Text

The HTML Component is used to create page content using languages such as HTML, Javascript and CSS. This component can be used to build pages using web languages, as well as potentially embed other web applications on the content page, ie. weather or maps.

The advantages of using the HTML Component are:

  • Write basic HTML
  • Write Javacript 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

 

This page explains the following:

 

Additional HTML component functionality:

 

 

Formatted Text
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 have the ability to edit the properties of the HTML Component. They are able to adjust the availability of the functionality, as well as the look and feel of the component on the content page. 

Component Properties are divided into 2 tabs:

  1. General Properties
    Allows users to enable and disable general styling and formatting properties e.g. border width, border style, padding.

  2. Template Properties
    These properties are set at the template level, and are therefore not usually editable from within a page. They dictate the overall use of a component on a page. For example, a component can be configured to allow the content within it to be edited but prevent the component itself being removed from the page.

 
General
General properties are related to the appearance of the component within its nominated location on a content page.  Listed below are the properties available for modification.


Name
Default Value:
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:
The border color sets the color of the border rendered around the component.


 

Template
Template properties are set at the template level and cannot be edited via page editing.  Listed below are the properties within the template properties.


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.




Instructional Video

The following instructional video provides an introduction to the HTML Component.

 

Html