Create a responsive media gallery

The Multimedia Gallery is a responsive media gallery that displays images and embedded videos on any device and provides top-notch accessibility for all users. This app allows images of any size to be uploaded. The gallery will assume the width of the container it's placed in and the height will scale proportionally for each image as the gallery transitions from one slide to another.

Teacher View of Multimedia Gallery

Images

This app resizes any size image you upload based on the width of your viewing device and the height according to scale. You can manage showing and hiding titles and captions on a per-record basis, and set up an external link while providing custom link text, link URL, and link target for each record.

Videos

Embedded videos display as a popup window on the end-user website. The video popup is triggered by your customized link set up in each record. This video link is used along with the iframe video embed code that you get from a 3rd-party provider like YouTube or Vimeo.


Download the Multimedia Gallery app

This app is a WCM custom app that must be downloaded to use.


Add the Multimedia Gallery app

Drag the MMG app onto your page.

Items marked with a red asterisk are required


Select New Record Option

  1. Select Edit.
  2. Select New Record.
  3. Type your Title and optional Caption.
  4. Upload an Image and type an Image Alt Text for use with screen readers. Make the text descriptive of what is being displayed.
  5. To provide a URL for the record, select Link Record and type the Link Text and Web Address. Choose if you want to Open in a new window.
  6. To provide a video for the record, select Embed a video and type the Video Link Text and Video Embed Code.
  7. Select Tags to add tags to the record.
  8. Select Display Duration to select a Start Date and End Date for the record.
  9. Select Viewers to assign specific users who can view the record. By default, all visitors can view the record.
  10. Select Activate on my page to display the record.
  11. Select Save when finished.

Edit a multimedia gallery

  1. From Site Manager, navigate to the page with the Multimedia Gallery.
  2. Select Edit.
    Edit icon located in the middle of the app used for editing
  3. You can update information found under Records, Tags, Display Duration, and Viewers.
  4. Select Save.

Remove a multimedia gallery from a page

  1. From Site Manager, navigate to the page with the Multimedia Gallery.
  2. Select Delete
    Delete icon located in the top right of the app
  3. Select Yes on the Confirmation dialog.

Multimedia gallery user guide