|
To insert an image into your content, you can either select an image that already exists on the server or upload a new image file. Both soEditor and ActiveEdit (Pro version) have image upload functionality to do this, but we are going to focus on using Presto's "Folder" module to do this work. The Folder module provides security when we need it, and it has the flexibility to enable images and other files to be uploaded to a variety of folders that Presto system administrators set up.
The Folder module has two parts, the Site Explorer folder functionality, and a popup folder report.
Site Explorer Folders
|
Folder about to be opened |
 |
Within the Explore tab hierarchy of pages, Presto administrators can add a folder icon  that, when opened, lists by name all the files within a related folder in the website server's folder hierarchy. The listed files aren't Presto pages or groups of course, but are rather real images, documents, spreadsheets, etc.
|
Open folder and its report link |
 |
Clicking on a folder file item will open it up for viewing in the Presto Work Area (using whatever facilities your web browser has for viewing the file). Note that the Content, Properties, Context, Access or View tabs do not work on file items.
In the future, to place an image (or URL) to one of these files into your WYSIWYG content area, you will be able to directly drag and drop the item in straight from the Explore tab. But for now, the following folder report must be used for drag and drop operations.
Folder Report
When you click on the folder name, a popup report comes up which contains a listing of all the files in the folder. It will also display each graphic file. It is these graphic files that can be dragged directly into your page content. The diagram below shows the first "i_calendar1.gif" graphic about to be dragged from the report over to the Content tab's WYSIWYG content field.
|
Popup Folder Report |
 |
You can leave the popup folder report open if you have several graphics to drag and drop into content (on one or many pages).
Once the drag and drop operation is complete, you can modify the HTML tag properties of the image in its new content location.
For soEditor, just double click on the image, or right click on it, and select "Image ...". A popup form will appear with various image HTML attributes to adjust.
For ActiveEdit, just right click your mouse while it is positioned over the image, and select the bottom item, "Image Properties". A popup form will appear with image attributes to adjust.
One issue with ActiveEdit is that it often converts a src graphic reference which is relative (e.g. "../files/mygraphic.gif") to one that is absolute (e.g. acme.com/files/mygraphic.gif). This is a problem if you are working on a test Presto site and you want to eventually upload all of your content to a live website that has a different URL. So generally we advise that as you make changes to an image's properties, ensure that the Image Properties form's src field's URL remains a relative reference (if the graphic is on your website of course).
Uploading Files
The "select file" field enables you to upload files to this folder on the webserver.
- Check the "upload new file" checkbox.
- The "Browse ..." button & file name field will become activated. Click on "Browse ..." to select a file from your computer or network.
- Click "Save" to upload the file. This also refreshes the report after the upload.
- If the file is successfully uploaded, you will see it appear in the list of files.
Renaming or Deleting Files
You can also rename or delete a listed file:
- Use the pulldown list of files to select the file, and press "Save".
- The report will come back with the item selected, and two extra form inputs displayed for the file.
- A rename text input field allows you to enter a new name for the file.
- A Delete checkbox allows you to delete the file.
- To complete your requested rename or delete operation, press "Save".
<- ->
|
