Using the content box - Adding Text, Links & Images

Whether you’re creating a new event, news article or other page for your website, you’re going to need some content.

Adding Text




To type your text to appear on the website, find the text editor box labelled content on the page you're working on and type into it.
This text editor box is the same across all the different pages you will edit.



If you are copying and pasting text from somewhere else (like a word processor) we recommend using the plain text button to paste your text.
 (Paste as Plain Text Button)
This will remove any formatting from the text, such as bold type, bulleted lists etc. But it also removes some nasty formatting that word processing applications often include with copied text. Using their formatting will cause your website to look very disjointed and muddled. Plain text helps you to keep everything consistent.


Adding Links

To add a link to any text that you may have simply highlight the text you wish to contain the link and click the link button.
 (Link Button)
A pop-up will now appear with some options for your link.

Link Info (Type)

There are 4 types of links destination that can be set.
(3 from the drop down menu and the browse server button)

URL
A URL is to link to a webpage.

Anchor
An anchor link links to an existing anchor on a page, the anchor can be set-up by clicking the anchor button on the text editor.
 (Anchor button)

Email
Creates a new email in the default mail app of the user addressed to the email address entered with the link.
(As webmail has increased in popularity the usefulness of this type of link has decline, it only really works for users who are using an application on their device to read mail instead of webmail through a web browser)

File

To link to a file click "Browse Server" and locate a document that you want the link to open.

Link Target

A link can be set to open in different ways when a user clicks it.

If the link is to another page on your site then we would advise to leave this as not set - to follow default behaviour.
If you are linking to an external site or a document it's best to set this to New Window - so that your users aren't closing down your site to go somewhere else, instead your site stays open in the window and a new one is opened at your link destination.

Adding an Image

When adding an Image to the content, click the image button.
 (Image Button)


To inset a file click ‘Browse Server’. From the window that opens select an image that has been previously uploaded or click 'Upload' to use an image that is stored on your local device.
Double click on the image you want to use to select it, close the pop-up and return you to the image properties window.

Image Properties

There are a few properties in this window that can help you to present your image attractively within your content.
The preview shows what your image would look like with sample text (Lorem ipsum) around it.

Aspect Ratio/Resolution
The width and height fields control the aspect ratio and resolution of the image.
The original height and width values of the image are shown initially, if this is a big image you will need to change the size in order to show it neatly on the page.

If the padlock next to the boxes is locked then the aspect ratio remains intact and adjusting the width will proportionally adjust the height and vice versa.
If it is unlocked the aspect ratio can be changed (this is not advised - your images can end up looking very strange)

Border & Spacing
Entering the number 1 into the border field will create a 1px wide solid black border around the image. Increasing the number entered increases the width of the border.

The HSpace and VSpace fields pad the text away from the content, it means the text will stop a bit before the image and usually looks a lot neater.
We would recommend entering 5 for both of these fields if you are embedding an image within some text.
As with the border, increasing the numbers entered into these fields increases the number of pixels of space the image has around it.

Alignment
Alignment can be set to 3 different settings. Not Set, Left & Right.
Not set makes the image sit above or below text.
Left or Right sets the image in-line with the text, with the image at the left or right depending which is set

Feedback and Knowledge Base