Ektron CMS and Web Training

...
Training
CMS
Manual
Inserting Image Galleries

How to add an image gallery

There are 3 types of image galleries you can add to a page:

Inline gallery

An Inline gallery will display in a click-through module that will scroll through up to 5 images. This is the most simple image gallery and it's the easiest to set up.

Modal gallery

A Modal gallery displays an image thumbnail in the center of the page. When clicked, it opens up a lightbox-style image viewer where the user can then click through each image.

Accessible version of Sample Image Gallery 2 Media Gallery

Sample Image Gallery 2

Media box galleries

A Media box gallery is displayed on the bottom of a page. When clicked, it will also open up a lightbox-style image viewer. Multiple image galleries can be added to a single Media box, as well as videos.

Related step-by-steps

How to add a site-wide media gallery

Adding an inline gallery

When in the "Edit" mode for a page, create a new Page Content area and select the “Gallery” Content Type. The Gallery type will default to "Inline."
Click the Image icon.
Upload your image or navigate to an image within the Library and double click the image's file name, or select “Add Library" to add the image to the gallery.
Continue to add up to 5 images in this manner. When you've finished, click "Publish."

Adding a modal gallery

Creating the image gallery

First, you'll need to create an Image gallery. Navigate to the “_Shared” folder of the department site, or if your site has the "_Media" folder, navigate there.
OR
Within either the "_Shared" or "_Media" folder, create a new folder titled “Galleries”
Within the "Galleries" folder, create a new folder with the title for your image gallery. You will create a new folder for each gallery you add to the site.
Create a "New Image Gallery" smart form.
Enter the gallery title in the "Title" and "Gallery Heading" fields.
Select a Preview Image to upload. This is the image that will serve as the cover photo for the gallery on the bottom of the page. The dimensions of the image must be 170x120 px.
Select an image upload method. You can choose to "Select images one at a time" or "Bulk upload with picasa."

If you use the Picasa bulk upload feature, simply paste the link to the Picasa album in the provided field and publish the page. If you're uploading images one at a time, continue following these directions.
Enter an "Image Title." This text will not be displayed beneath the image. If you would like a caption beneath the image, fill out the "Image Description" field.
Click the Image Upload icon.
Upload your image to the gallery's folder.
Continue to add images to the gallery and click the "Publish" icon .

Adding the modal gallery to a page

Navigate back to the page you want to place the gallery on and click "Edit." Create a new Page Content area and select the "Gallery" Content type, and the "Modal" Gallery type.
Click the Gallery Upload icon and navigate to the Image Gallery you created. Select it and click OK.
Publish the page. Your modal gallery will now display in the center of the page.

Adding media box galleries

Creating the image gallery

First, you'll need to create an Image gallery. Navigate to the “_Shared” folder of the department site, or if your site has the "_Media" folder, navigate there. OR
Within either the "_Shared" or "_Media" folder, create a new folder titled “Galleries”
Within the "Galleries" folder, create a new folder with the title for your image gallery. You will create a new folder for each gallery you add to the site.
Create a "New Image Gallery" smart form.
Enter the gallery title in the "Title" and "Gallery Heading" fields.
Select a Preview Image to upload. This is the image that will serve as the cover photo for the gallery on the bottom of the page. The dimensions of the image must be 170x120 px.
Select an image upload method. You can choose to "Select images one at a time" or "Bulk upload with picasa."

If you use the Picasa bulk upload feature, simply paste the link to the Picasa album in the provided field and publish the page. If you're uploading images one at a time, continue following these directions.
Enter an "Image Title." This text will not be displayed beneath the image. If you would like a caption beneath the image, fill out the "Image Description" field.
Click the Image Upload icon.
Upload your image to the gallery's folder.
Continue to add images to the gallery and click the "Publish" icon .

Creating the media box

Next, you'll need to create the Media Box for the gallery(s). Navigate in the CMS Folder Structure to the "Galleries" folder of your site.
Create a new “Media Box with Video" smart form.
In the "Title" and "Media Box Title" fields, enter "Galleries."
In the Gallery Description field, enter in a title for your gallery.
Click the "Add Gallery" folder icon.
Navigate to your image gallery and select OK. You can add up to 4 image galleries by selecting the blue notepad icon and choosing to Insert Above or Below.
Click the “Publish” icon.

Attaching the media box to the page

Select the page you want the media box to appear on and click "Edit."
Scroll to the bottom and check the box that says "Media box options."
Leave "Hide Media Box?" unchecked. Click the folder icon and navigate to the Media box smartform you created in the previous step. Select it and click OK.
Publish the page. Your media box will appear at the bottom of the page with the attached galleries.