Image Carousel Responsive Element

Element Information

Displays up to 5 images, titles and descriptions. Various styles, urls, and transitions can be set.


  1. Insert the custom element "Image Carousel"
  2. Define the element data fields
    • Display Options
    • Upload your Images

Step 1: From your template, insert a new element and define this element as "Image Carousel" found under  "1-Responsive Elements".

Paste Copied Element

Step 2: Define the element by click the gear icon where you placed the element in the previous step.
gear icon

Display Options

The Show Previous/Next option will display arrows on both ends of the container to slide from image to image. An unchecked box here will still display small circles on the bottom of the image container to allow users to slide between images. Also, the display duration can be set to manually allow users to control when the images are cycled through. You can set your text location (where your image description will be found) to be at the bottom left or right. Once you are finished with the Display Options, click one of the image tabs to begin configuring your images.

New Custom Element Data


Before selecting an image, be sure to check the "Display This Image" box. Now you may click "Select Image" and to upload a new image, click the "New" button. Once you have selected an image and given it a title and description, you can give it a Sort Order number. This number sets the order in which your image will appear (if you did not select random images in the Display Options tab). All image's Sort Order numbers are defaulted to their image tab number.

Common Spot Turorial Images
Configure your target subsite to where you want the image to be stored in CommonSpot. Then click the Browse button to add the image. Once you have selected your image, type in a good description of the image and give it a category to be stored in. Hit Save and your new image will be stored.  Continue these same steps until you have the sufficient amount or up to five images into the carousel.  
CommonSpot Turorial Images