VantageKey

Portal Administration - Quick Start

Editing Site Text Content (HTML Module)

Quick Inline Edit:

Detailed Edit

Adding Links to Content

Adding a Table to Content, Adjusting a Table

Adding Images to Content

Adjusting Images

 

Editing Site Text Content (HTML Module)

Login as an administrator or editor

 

Quick Inline Edit:

1)     In the top left of screen click ‘edit’  (if not already selected)

2)     Navigate to the content you want to edit

3)     Hover over the content you want to edit and click the edit   icon

4)     A red border highlights the content you can edit

5)     Make your changes

6)     Click the  ‘Save’ icon to save, or click the ‘Cancel’ icon to cancel.

TOP

 

Detailed Edit

1)     Navigate to the content you want to edit

2)     Hover over the dropdowndropdownarrow arrow and select ‘Edit Text’

3)     In the editor, make your changes.

4)     To maintain a consistent look on the site it is recommended that you do not cut and paste directly from Microsoft Word. It is better to either:

a)     Write your content directly into the editor

b)    Paste your content as plain text from a program like notepad

c)     Click the ‘paste as plain text’pastetexticon button on the editor toolbar.

5)     Once the content is on the editor screen you can then format it.

6)     Click  ‘Save’

The content is updated.

TOP

 

Adding Links to Content

The editor automatically turns urls (eg: www.mycompany.com) and email addresses into links. To adjust links or add new links:

1)     Highlight the text you want to turn into a link

2)     Click the ‘Link’  icon on the editor toolbar

3)     In the pop-up Add the ‘Link URL’ eg: www.mysite.com/mypage.html

4)     To have the link open the link in a new browser Window:

a)     Click the ‘Target’ tab

b)    On the dropdown select ‘New Window (_blank) ‘

5)     Click ‘OK’

The Link is added.

TOP

 

Adding a Table to Content, Adjusting a Table

1)     On the editor tollbar click the ‘Table’tableicon  icon

2)     Enter your requirements

3)     Click ‘OK’

4)     To adjust table settings, hover over and right click the table.
Select 'Table Properties'. You can for example add or delete rows and columns

TOP

 

Adding Images to Content

1)     Navigate to the content you want to edit

2)     Hover over the dropdowndropdownarrow arrow and select ‘Edit Text’

3)     On the editor toolbar, select the ‘insert image’ icon

4)     In the popup:

a)     To add an image already on a website:

i)      At ‘url’ add the address
eg: http://www.company.com.au/images/mypic.jpg 

b)    To add an image already uploaded to the portal:

i)      Click the ‘Browse’ button.

ii)     Navigate to an existing image you want to add.

iii)    Click the image to select it

c)     To upload and add a new image:

i)      Click the browse button

ii)     Navigate to and open (click) the folder where you want to upload the image into (usually this will be the ‘Images’ folder)

iii)    Click the browse button located top right

iv)    Navigate to the image you want to upload *

v)     Click ‘Open’

vi)    Click ‘Upload New File’ -The image is uploaded to the location

vii)   Click the image to select it

* It is important that images be web-ready. Do not upload large image files. Refer to the Editors section on the website ‘Image resize’ for more detailed information about preparing images.


5)     Image Properties:

a)     The Width and Height are automatically added.

b)    Add ‘Alternative Text’ if desired
This is the text that shows when you hover over the image.

c)     At ‘Border’ type 0 for no border
0 is preferred most often, else type a value -
1 for example gives a thin border, 6 a heavy border (the border will be black, or If the image is a link, it will be blue). Tip: to set an always grey border: Set border to 0. Click the ‘Advanced’ tab. Under ‘Stylesheet Classes’ type ‘border’ (without the ‘ marks) in the text field.

d)    At HSpace type ‘10’ (for example)
HSpace sets the blank space to the left and right of the image (we use it when we wrap text around an image. It is the horizontal space we want between the text and the edge of the image)

e)     At VSpace type ‘2’ (for example)
VSpace sets the blank space above and below the image

f)     At Align select an option from the dropdown
Typically this will be either left or right and positions the image on the page. (note: you cannot center align the image here. Center alignment is done with the text-align tools on the main editor toolbar)

6)     Click ‘OK’

The image is added.

TOP

 

Adjusting Images

1.     To center align the image select the image (or the line that it is on) and click the center text-align button

2.     To re-adjust settings, right click the image, select ‘Image properties’

3.     To relocate the image up or down, drag the image and release the mouse on the line where you want to locate it

4.     You can Resize the image, click the image and drag the corners to resize it, however to retain sharpness and clarity it is preferred that the image is made web-ready at the exact size you want it.*

* Do not upload large images and resize them in the editor. Resizing with the editor does not reduce the file-size, resulting in slow  loading pages
* Refer to the Editors section on the website ‘Image resize’ for more detailed information about preparing images for use on the web.

TOP

 

 

TOP