User Manual

Creating Content components

Content components add content and functionality to your web site. They are created in the same way as templates are the main building blocks of your web site. Components are nested inside templates that give the content its style and layout.

To create a new content component

properties

+ Open the properties box for the component by right-clicking the name of the component and selecting properties

+ Type a name for your component. Keep the Type as ʻContent Componentʼ (as this is automatically selected).

+ Select the Template you wish the content component to use, or ʻNo Templateʼ in case you donʼt wish to include a template at all

Here you also opt to use a Master Template and HTML skeleton in case applicable for your design

ﬁnally, you may set the component as ʻDefault Component Contentʼ, which means that it will be used as the ﬁrst landing page (such as ʻHomeʼ) for your site or service.

Saving a component

savingbuttom

When you are working with components they are actually stored locally in your browser.
Whenever you make a change to the a component it must be saved on the server.
To save a component:

click the ‘SAVE’ button on the button bar at the top of the component editor. This will commit the changes you have made to the server and allow you to see them immediately on your site.

Previewing a component

preview

To preview how your site will look in the browser:

click the ‘PREVIEW’ button on the button bar at the top of the component editor. This will open a new window or tab with your component. If you have deﬁned a template or it is set to display the default template, your component will be shown inside the template.

To display the template without a template, choose ʻNo Templateʼ from the component properties box.

Editing a component

infobuttom

+ open the component editor by clicking on the start button and choosing ʻComponent Editorʼ

+ double-click the name of the component you would like to edit from the component tray. This will open the component in the canvas

+ to add and modify the content of a component see below part ʻCreating content with elementsʼ.

Deleting a component

deletebuttom

+ Click on the component name in the component tray. The name should be highlighted.

+ Click on the button in the component tray. This will show a conﬁrmation box. To complete the delete action, click ʻOKʼ.

+ Remember deleting a component is irreversible. If you would prefer to keep the component, but hide it away why not create a trash component by adding a content component and naming it ʻTrashʼ.

+ Now just drag the component you want to archive inside the trash component and it is gone.