Jomatu Wiki: Documentation

Jomatu Tutorial: How to upload a document file

Introduction

Uploading files is performed via the File Manager component in the Edit Facility. There are four categories of files you can upload:

Using our example website, our starting point is in the Edit Facility (the documentation for getting to this point can be found on the 'How to edit your website text' page - steps 1-3).

In this particular tutorial we're going to upload a new document, which, in this example, will be a PDF file*. Once we've uploaded this file, we will put a link to it from within the home page. Therefore, when our website visitors click the link, they should see the PDF document. we'll place the link in the second paragraph of text. To do this, we need to edit that paragraph as follows.

Step 1: click on the 'File Manager' button

Upload Document File - Step Two

Clicking the 'File Manager' button launches the 'File Manager' window. In this window you will see a thumbnail of all the files that you've uploaded to Jomatu. As this tutorial follows on from the 'How to upload an image file' tutorial, we can see our previously uploaded image in this list. To upload our new document file, click on the 'Upload New File' link.

Step 2: click on the 'Upload New File' link

Upload Document File - Step Three

Clicking the 'Upload New File' link launches the 'Upload New File' window. The first section here offers five options which are solely concerned with web images and is covered in the 'How to upload an image file' tutorial. As we're uploading a document file, this section does not apply.

Step 3: click on the 'Browse' button to locate our document file

Upload Document File - Step Four

When you click the 'Browse' button, a pop-up window appears showing the storage devices, folders and files on your own computer. Use this window to locate your file†.

Step 4: locate your upload file and select it

Upload Document File - Step Five

When you locate your file, either double-click the file, or single click (to highlight it) and click the 'Open' button. Note: this button name may be different on your computer†. The pop-up window will disappear and you will see your file name (usually with the path to that file) appear in the 'File to upload' form field.

Step 5: click the 'Upload' button to upload the file to your website

Upload Document File - Step Six (a)

Depending on your file size and internet connection speed, file uploading may take several minutes to complete. During file uploading you'll see the following message:

Upload Document File - Step Six (b)

When file uploading has completed, you'll be automatically returned to the main File Manager window. Here you can see your uploaded image file, represented as a thumbnail, in the list.

Upload Document File - Step Six (c)

Note: In this window you can open the document by clicking on the thumbnail.

If you want to delete an uploaded file, simply click the small white cross in the red circle (you will be asked to confirm the delete). Note: this will not remove any references to the file from within your web pages, so you'll need to remove those, preferably before deleting the file.

Finally, click the 'Close File Manager' button to return to the main Edit Window, where we'll insert our newly uploaded image into our web page.

Step 6: link to the new document from our web page

We want to add a link to our uploaded PDF document file from within the text of the paragraph that we're currently editing. To do this, highlight the text that you want to become the clickable link (to the PDF file), then click the 'Insert/Edit Link' button which is located just below the 'Paragraph' pull-down menu (hover your mouse pointer over the icons to get the descriptive tool-tip) as follows.

Upload Document File - Step Seven

Clicking the 'Insert/Edit Link' button causes the 'Insert/Edit Link' pop-up window to appear.

Step 7: select our PDF document file

There are four tabs in this window: 'General', 'Popup', 'Events' and 'Advanced'. In the 'General' tab we select our uploaded image file from the 'Link List' pull-down menu. When we select our file from this list, the 'Link URL' field is automatically set.

Upload Document File - Step Eight

Click the 'Insert' button at the bottom of the pop-up window to insert the new link and close the pop-up window.

Step 8: Click the 'Publish' button to make our changes live on the website

Finally, we want to save or publish our changes. If you have other changes you wish to make, then click the 'Save' button and continue editing. If you changes are complete for this web page, then, to put those change live on the website, click the 'Publish' button.

Upload Document File - Step Eleven

With all our changes published, we click the 'Exit' button to return to Jomatu.

This completes the 'How to upload a document file' documentation.


* PDF - Portable Document Format. For more information, read about Adobe PDF

† This particular pop-up window is a part of your computer's operating system; it is not created by Jomatu. Therefore the methods for locating your files will be dependent on your particular system. The example shown was generated on a computer running Microsoft Windows.