1. Skip to content

Call us on 07796 405818 or email stephen@mcwebs.co.uk for a free quotation.

Add or Edit a Document Element

This section will show you how to add and or edit a Document element in a page.

You can use the Document element to

  • provide a document for your visitors to download or
  • insert a video or audio file.

To add a Document element to the page click on the Document button at the bottom of the page or to edit a Document element that already exists click the Edit Element button above the element. This will open a popup window that allows you to add or edit the element.

Move your cursor over each part of the Document Element Popup Image below to learn about how it works.

Add or Edit a Document Element

Hold your cursor over the image to find out more about the element.

Document Element Help Text

Show Help

Clicking on the Show Help link will bring up help buttons for the different features of the element. Then clicking on the ? button next to a feature will give you some help with that feature.

Title *

The title should reflect the subject of the element and becomes the link text in the page. The title also appears as alternative text when the cursor is hovered over the Web or Document link.

However, when inserting a Document, if you use the Alternative Title field (see below) then it will become the alternative text.

Document File *

To upload the prepared document, click on the Browse button, which will give you access to your computer’s files. Now locate your document and click the Open button.

There are limitations on the format of documents – see the Doc Formats page for more information.

Ignore Remove and Expand Archive boxes as they are obsolete!

or Library Content *

If the document has been loaded into the website’s library then you can select it by clicking on the Choose Item button and selecting the document from a list.

Click the Clear button to delete any previous selections.

Click the Go button to test that the document downloads or opens correctly.

Thumbnail Image

This section applies only if you are loading up a .flv video file. The thumbnail acts as the initial image of the video.

Click the Browse button to locate your prepared file and upload it. The image should be the same size as the video.

Add to Library

Ignore this section as it is obsolete!

Open in New Window

This setting determines whether the document will open up in the same window as the hyperlink or in a new window. The Web Designer determines the Default setting.

The Default setting can be overridden by either selecting:

  • The Yes option to force the document to open in a new window, or
  • The No option to force the document to open in the same window that the hyperlink in on.

NB It is best practice to open other websites in a new window and pages from the existing website in the same window.


This will only appear if specific styles have been set up by the website designer.

Click on the dropdown box to select a style to apply to the element as a whole.


Enter a brief description to be associated with this element. Make it short, attractive and as descriptive as possible.

Use the Check Spelling button to check that the description is spelt correctly.

Show Description

The default selection is Yes! Click No if you don’t want the description to appear under the element.

Multimedia Options

Display Type

Select how you want the Multimedia file to be displayed.

Download Link
Select this option if you want your visitors to download the file before listening/viewing it. This option is good for files that visitors might want to listen to or view more than once.

Plug-In Player (Embedded)
Select this option if you want your visitors to listen to or view the file online and in this page.

New Page
Similar to the Plug-In Player option above but the file will open on a new page on its own.

NB If you use the Plug-In Player or New Page option then you can further control how the file will be displayed with the Plug-In Player Size and Plug-In Player Options below.

Player Size

To be used in conjunction with the Display Type, Plug-In Player (Embedded) and New Page options above.

Specify the width and height for the file to be displayed (measured in pixels). If you do not specify a width and height the file will be displayed in its natural size.

It is best practice to use the natural width and height of the file and to set that before uploading the file. If you want to alter the natural size then remember to change it proportionately so that the image is not distorted. Increasing the size of the file is not recommended as it causes the image to appear grainy.

Player Options

To be used in conjunction with the Display Type, Plug-In Player (Embedded) and New Page options above.

Select how you want the file to play.

Show Player Controls
Select this option if you want your visitors to have control over how the file is played.

Auto Play
Select this option if you want the file to automatically play when the page loads.

NB Both options can be selected at the same time.

Plug-In Background Colour

Specify the colour you want for the element background or leave it as white. You must use the hexadecimal colour codes.

Parent Page

This identifies the page that this element sits on and this box only appears when you are editing an existing element. Changing the parent page will move the element to the chosen page and delete it from this page.

To move this element to another page, click the Choose Page button and select the new page from a list of the website's pages. You can click the Go button to check that you have selected the correct page.

If you do move an element to a new page you must then go to that page, position the element where you want it and then publish the page before it will go live.

Parent Page Position

This determines the position that the element will have on the web page. Every element has a number, which governs the overall layout of the page. By changing the Parent Page Position you can quickly determine where this element should sit on the page.

By default, new elements are added to the end of the page.

Click the Save button to save the element. Or click the Cancel button to cancel it.

* These fields are required.

Back to top