Use this widget to display a single image on your page.

You can choose an image from those already uploaded or upload a new image.

 

After you drag an Image widget onto your page, you can configure it to display an image. 

 

Click the Edit button  in the upper-right corner of the widget.

 

The Select Image window opens and displays recent images.

If there are no images currently in any libraries, you’ll be able to upload one here.

In the right side of the window under Already uploaded images, you can select the library where the image you want to display is located.

·         Click the image you want to display.

 

·         Click “Done selecting.”

 

To upload an image, click “Upload image” in the top left of the window. You can either or drag and drop the file into the window, or click “Select image from your computer” to browse your computer to find the image you want to upload, then click “Open.”

You can select only one image this way.

 

·         Under “Where to store the uploaded image?” click “Select” to select the library where you want to store the image.

 

The tree with all created libraries appears. Select the library and click “Done selecting.”

·         The Title of the image will be auto-populated with the file name, but you can change this if you’d like.

 

·         Alternative text can also be added here or on the next window.

 

Alternative text must always be filled out. This is an ADA requirement for sight-impaired people who may be using a screen reader, or if the image doesn’t load for some reason, people will at least know what it is supposed to be. It also improves SEO.

 

·         Click on Categories and tags to choose the categories and the tags for the document is assigned to.

 

·         Click “Upload.”

The image will now be uploaded.

 

To change the selected image, click the “Change document” button and perform the previous steps again.

 

To edit the image, click “Edit all properties.”

The Edit properties window opens.

 

The Title will be auto-populated with the file name, but you can change it if you want to.

 

 

Alternative text must always be filled out. It will be auto-populated with the image title, but it is recommended that you change it to a more descriptive phrase. This is an ADA requirement for sight-impaired people who may be using a screen reader, or if the image doesn’t load for some reason, people will at least know what it is supposed to be. It also improves SEO.

 

Under the Image Size dropdown menu, you can change the display size of the image.

 

  Note: this does not change the actual size of the image file – only the dimensions will be changed when

displayed. If you change the dimensions to be larger than the original dimensions, the image can become blurry,

pixelated or stretched.

 

If you check the box for “This image is a link…” you will see the following options:

 

o   To the image in its original size

If this option is chosen, when the image is clicked, it will open by itself in the window at its original size.

 

o   To selected page…

This option will turn the image into a link to an internal page. Click “Select” to choose the page you’d like the image to link to.

 

When you are finished, click “Save.”