In this tutorial, you will learn how to create a Gallery Page to display photos.

You will be able to . . .

  • Upload photographs to a folder on the CMS
  • Create a Gallery Page to display the photographs
  • Add captions on to the photographs

This is a screen shot of a Gallery Page


  1. Scan and edit or resize photographs to be no more than 500 pixels high and 750 pixels wide.  If the photographs are larger, parts of the image will be cut off when displayed.
  2. If you don't know how to scan and resize photographs, click here for the tutorial.  


In order to display photos on the CMS, you should create a hidden folder for photographs and a Gallery File 

Creating the Folder

  1. Select the folder where you want your gallery page to be.
  2. Select New/Folder from the CMS menu and name it "Sample Pictures"
  3. Click the Metadata Tab and check the box next to Hide from Navigation
  4. Submit

Adding Photographs to the Folder

  1. Select the Sample Pictures Folder and select New/File
  2. Click Browse and find one of your photographs
  3. Submit
  4. Repeat this procedure to add all of your photographs into the Sample Pictures Folder

Creating the Gallery File

  1. Select the folder where you want the gallery page to be (probably the same folder containing the "Samples Picture" folder)
  2. Select New/Orgs/Org-Gallery from the CMS menu and name the page "Sample Gallery"
  3. There should be at least one of the following items
  4. image
  5. Click [] next to Image and find a Photograph in the Sample Pictures Folder
  6. Confirm
  7. Click on the + in the upper-left-hand corner to add another Gallery Picture
  8. Add other photographs
    1. Select true in the dropdown menu next to the Show Picture Information
    2. Write some information in the textfield next to Caption for each photo
    3. Submit 
    1. Publish
    1. Go online and test your Sample Gallery Page

  2. Adding Captions

    Testing the Sample Gallery Page