Using Images and Other Files From the File Library

Once you have stored a file in the File Library, you can safely use that file in your surveys. You can add images into all text fields in a Survey page (title, text, instruction and answers). For the Title, Text and Instruction fields on the Text tab, you must work in "Plain text" mode and type or copy the URL to the file into the appropriate field. For the Answer fields, you can drag-and-drop the images directly from the File library. Once an image is in a field, you can resize it and delete it as necessary.

Note: The drag-and-drop functionality can only be used in the answer lists, and only when you are working in the WYSIWYG mode.

Including an Image in a Text Field in HTML Source Mode

To include an image in a field on the Text tab when you are working in HTML Source mode, proceed as follows:

1. Open the page in the Survey into which you wish to add an image (or other file).
2. On the Text tab, click the Switch Between Modes ... button as necessary to go to the HTML Source mode - .



Figure 1 - Select the HTML Source mode

3. In the field in which you want the image to appear, type the following:

<img src="/isa/<URL_of_the_image>">

Note that you can copy the URL from the File Library. To do this, click the View link for the appropriate file in the File Library folder, then in the overlay that opens, click Copy to clipboard and paste the link URL into the appropriate text field - .



Figure 2 - Example of the HTML URL code to an image in the File Library

4. On completion, save the changes.

You can now click the Switch Between Modes button to go to WYSIWYG mode and view the image in the text field. If you are using Internet Explorer, then in this mode you can also resize the image by dragging the resizing grips as required. If you do this and later return to the HTML Source mode, note that Height and Width codes have been added to the URL. You can alter these "manually" as necessary to specify the size of the image.

Including an Image in WYSIWYG Mode

To include an image in a field on the Text or Answer tabs when in the WYSIWYG mode, proceed as follows:

1. Open the page in the Survey into which you wish to add an image (or other file) and go to the appropriate tab.
2. Ensure you are in the WYSIWYG editing mode (circled to the left). If not, click the Switch between WYSIWYG mode and HTML Source mode button circled to the righthere in the figure below. If you are in the Answers tab you must be in the DHTML Answerlist mode - click the Switch answer list mode button (arrowed to the left in the figure) and select the mode.
3. Once you are in the WYSIWYG mode (and DHTML Answerlist if appropriate), right-click in the appropriate text field, and select Find Image.



Figure 3 - Select the WYSIWYG editing mode then find the image

The File Library window opens below the question form in the Root Folder - , as shown below.



Figure 4 - The question form with the File Library open below

4. In the folder tree to the left, browse to and open the folder in which the image/file is stored.
5. Click on the required image, drag it to the appropriate field, and drop it into position - .



Figure 5 - Dragging an image into the Answer field

6. Save the changes.

Note that you can also switch to HTML Source mode and type the URL to the image into the field manually as for the Text tab.