Documentation

Insert images

How to insert images on intranet pages

Use these instructions to insert images such as photos or diagrams on your intranet pages. It's a breeze to add images to your page using image files (JPEGs, PNGs, GIFs, etc.) from your computer. Images really spruce up a page and are particularly snazzy on news and blog posts where they'll draw in and engage readers. You can easily resize images and set them to align on the left or right of the text on your page.

The first image that you insert on a page will automatically become the Thumbnail image on the page. The Thumbnail image may be used to represent the page in search results, News items, and certain navigation or directory areas. Learn about the Thumbnail image, including how to change and crop it, see How to add a Thumbnail image.

Use the Insert Image button to browse for image files

  1. Click the Edit button (pencil icon) in the page header to enter edit mode. 
  2. In the content box, set your cursor where you want to insert the image. 
  3. Click the Insert Image button to bring up the images pop-up window. (The Insert Image button looks like a tiny photo of a landscape with a tiny green plus sign in the bottom right.)

    insertimagefromcomputer.png
     
  4. To add an image, do one of the following:
    1. Drag and drop images onto the window.
    2. Click on Upload Images at the top.
    3. Click on the camera icon in the window. 

      imageoptions.png
       
  5. If you did b. or c. in step 4, browse to the image you want, click once on the photo file and then click Open in your file browsing window.
  6. After uploading, your image will show in the window. Click the Insert button and you will now see the image sitting on your page.
  7. Continue editing or click Save at the top of the page.

Insert image from the web

In addition to inserting images from files on your computer you can insert images from websites.
  1. Click the Edit button (pencil icon) in the page header to enter edit mode.
  2. Go to the website with the image you want to insert. Copy the URL for the image.
  3. Back on the intranet, in the content box, set your cursor where you want to insert the image.
  4. Click the Insert Web Image button to bring up the Web image pop-up window. (The Insert Web Image button looks like a tiny photo of a landscape with three tiny chain links on top of it.)

    insertwebimage.png
     
  5. Paste the URL in the Enter image URL field in the Web image pop-up window.

    Insert_image_from_web.png
     
  6. A preview of the image will show in the Web Image pop-up window. Click the Insert button and you will now see the image sitting on your page.
  7. Continue editing or click Save at the top of the page.

Wrap text on left or right of image

When you insert an image it sits on its own line and text shows above it and below it. You can set an image to float on either the right or left side of the page so that the text wraps around it. 
  1. In edit mode, hover over the photo and click on the pencil icon in the top right.
  2. Select either Float left or Float right. Now the text wraps around it.

    FloatLeftandRight.png
     
  3. To move the photo just drag it up or down the page.
  4. Continue editing or click Save at the top of the page.

Re-size an image

You can make an image larger or smaller so it fits just right on the page.
  1. In edit mode, click once on the photo to select it.
  2. You can resize images in one of two ways:
    1. Click and drag any one of the tiny boxes around the image to make it smaller or larger.

      drag_and_drop2.png

       OR
       
    2. Hover over the image and click on the pencil icon in the top right. Select Image properties from the menu. The Image properties pop-up window will open. Type the Dimensions that you want in the corresponding fields. (The checkbox Maintain aspect ratio is selected by default. When it is selected, you can change one dimension and the other dimension will automatically update to maintain the same width to height ratio.) Click Update.

      8.0User12040ImageProperties.jpg
  3. Continue editing or click Save at the top of the page.
To return an image to it's original image size, hover over the image, click on the pencil icon in the top right, and click Reset to original size.

resetTooriginalsize.png

Remove & delete images from the page

You can remove an image from showing on the page as well as completely delete an image from the page. When you simply remove an image it still is available to be inserted on the page again. The instructions below explain both how to remove an image and how to delete it from the page. 
  1. (Remove) In edit mode, click once on the photo and type Delete or Backspace on your keyboard. The photo will disappear from the page.
  2. (Delete) Click on the Insert Image button in the content toolbar to bring up the Choose Image pop-up window. 
  3. (Delete) Hover over the image you want to delete, and click the garbage can icon in the bottom right. The thumbnail will disappear and the image will no longer be available to insert on the page.   

    DeleteImage.png
     
  4. Click Close in the bottom right of the Choose image window.
  5. Continue editing or click Save at the top of the page.
Note that if an image is the Thumbnail image for the page, removing the image from the page will not remove it as the Thumbnail image. However, deleting the image will remove it as the Thumbnail image for the page. To learn more see the how to add a Thumbnail image.

Delete an image from a photo gallery

Images on photo gallery pages are just attached files that are displayed in a different way than on other page types. So deleting an image in a photo gallery is different from deleting an image on a page. To delete an image from a photo gallery:
  1. Go to the photo gallery page.
  2. Click on the photo you wish to delete. The Image Preview will open.
  3. Click on the image in the preview window to be taken to the file page for the image.
  4. Click the down arrow on the right of the page header to open the Page Controls.

    Delete.png
     
  5. Click Delete on the left side of the Page Controls.
  6. Click Delete in the pop-up window to confirm the deletion.