The Photo Gallery component is meant to allow CMS Authors the ability to gather a collection of related photos and present them in a lightbox-style presentation. Depending on the column space an author is placing the gallery; there are two gallery styles.
Photos are pulled from the Digital Asset Management system and any pre-defined metadata within the DAM will automatically pre-populate individual photo data fields in the component's dialog edit menus.
When to use it?
Use the Photo Gallery component when you want to highlight a series of related images.
Where to use it?
You can use a Photo Gallery in 1-, 2-, and 3-column containers. Although each version has a different look, they share functionality.
How to use it?
- Navigate to and open the desired page.
- Add a component.
- By default, you will see the text "Photo Gallery not configured" displayed at the top of the component.
- Double-click on the text and an edit window will open with the following options:
- To add images to the photo gallery, drag an image from the left-hand Asset Finder to the component window in the "Drop An Image" area. You may need to search for your images using the Search utility at the top of the Asset Finder.
- After you've dragged the image into the component window, fill in the following information:
- Alt Text: specify text that is to be rendered when the image to which it is applied cannot be rendered. This is a required field.
- Title: include a title with your image.
- Caption: include a photo caption.
- Credit: include the image's photographer credit.
- To add additional images, click the Add button and then repeat the above steps for each image you wish to add. If you wish to edit any of the information on a particular image, find it using the drop-down menu.
- Once you've added all your images, click the OK button.
- If you wish to remove the image from the gallery, click the Remove button.
- Click the magnifying glass icon in the Sidekick to open the page in Preview mode to ensure that all additions are as expected from the end-user's perspective.
When the end-user clicks a thumbnail image they will see the full size of that image in lightbox mode.