Image Galleries

Before getting started learn the basics:

Why use images Best Practices How to Optimize Images Image Customizations

Layout Views

The widget component template

Learn how to do it:

  • Upload images to a library
    1. Click the Content navigation menu item and then select Imagesscreenshot of where to upload images
    2. Click the Upload images button
      screenshot of upload images button
    3. Drag and drop images or click the Upload images from your computer button to select images.
      screenshot of image selection screen
    4. Add alternative text. Alt text (alternative text) is a word or phrase that can be inserted as an attribute in an HTML (Hypertext Markup Language) document to tell website viewers the nature or contents of an image.
      screenshot showing alternative text field
    5. Select the pencil icon to either select an existing gallery or create a new one.
      screenshot of the gallery selection button
    6. Click the Upload and Publish button when finished.

Thumbnail Strip

Deprecated Layouts: Overlay Gallery, Simple List, Slide Carousel (Please do not use)

Customizations

Customize with CSS Classes.

Learn how to do it:

80 x 80 thumbnails

Small 240px Width

Training

Create and Edit Libraries and Galleries

  • Upload images to a library
    1. Click the Content navigation menu item and then select Imagesscreenshot of where to upload images
    2. Click the Upload images button
      screenshot of upload images button
    3. Drag and drop images or click the Upload images from your computer button to select images.
      screenshot of image selection screen
    4. Add alternative text. Alt text (alternative text) is a word or phrase that can be inserted as an attribute in an HTML (Hypertext Markup Language) document to tell website viewers the nature or contents of an image.
      screenshot showing alternative text field
    5. Select the pencil icon to either select an existing gallery or create a new one.
      screenshot of the gallery selection button
    6. Click the Upload and Publish button when finished.

Explore Other List Options:

On this page: