Creating a Carousel

The carousel widget can be used in the new or the legacy template. It can be used in place of a banner image bank or a SPIF bank. 

Upload all the images for your Carousel widget

All images used in your carousel must first be sized appropriately and uploaded to the images folder: _files/images/YOUR FOLDER.

Create new Carousel

  1. Go to _widgets/YOUR FOLDER/carousel.
  2. Click New/widget/Carousel.

Add content

  1. Page name: (use lowercase, no spaces, use a dash to separate words)
  2. Choose a Slide Mode: You can upload an Image or use the WYSIWYG (text editor) to create your content.
  3. Add Slideshow Settings: When the banner bank is a slideshow (not a random single image), you can now change the type of transition (push, slide, or fade) and the speed of the transitions in milliseconds (1000 ms = 1 second).
  4. Add Slide Image: Click on the [search] to browse through Cascade to find the image you want to add.
  5. Add Mobile Image: Click on the [search] to browse through Cascade to find the image you want to add. (Recommended size 600px wide by 600px tall.) You will have to create a separate version of the image and upload it to Cascade.
  6. Link (optional): Link this image to another Cascade page, a file, or an external page. This makes the entire image clickable.
  7. Add ALT TEXT: Add a short description about the contents of this picture. If your image contains any text (announcement, promotional, etc), then said text must also appear in the ALT text field to meet accessibility requirements.slide-mode-image
  8. Add Caption (optional): Add a caption if you want. It is not required. The caption will display as a comment across the bottom of the picture.
    slide wysiwyg carousel headlines screenshot


To Add, Remove, or Change Order of Slides

  1. Click on the green + in the top right corner to add additional slides.
  2. Click on the red X in the top right corner to add additional slides.
  3. Use the arrows to move a slide up or down in the sequence.
reorder slides

Finish Up - Submit and Publish

  1. Click on Submit to save your work.
  2. Publish (or send the request to publish). Note that the individual images must be published as well as the carousel widget itself.
  3. The widget is ready to be added to your page.