Image Carousel

This component will allow you to show multiple images in a scrolling carousel

ImageCarousel
RichTextArea

Once you are on the page you are wanting to add content to go ahead and add the component by pressing Add Component.

A screenshot of a computer

AI-generated content may be incorrect.

On the right side you will see the choices of components to add. Go ahead and you can either press the + button on the component you want to add or click, hold, and drag the component into the content zone. There is also a search bar as well if you are having trouble looking for any component.

A red line and a white background

AI-generated content may be incorrect.

To add images to this from Agility you will want to save this component first and the browse options will appear. For Cloudinary images you will tag images in Cloudinary with your tag (something unique like g_home_phys_list or current naming convention). Then set the Cloudinary Tag and Environment fields.

A screenshot of a computer

AI-generated content may be incorrect.

A screenshot of a computer

AI-generated content may be incorrect.

For adding images in Agility you will see a new window appear and you can select the images you want to have added to the carousel and click Add selected Items. Please remember to fill out any Empty Alt Text fields with a short description of the image.

A screenshot of a computer

AI-generated content may be incorrect.

Next you can change the Auto rotate time by changing the value. Also in section you can change the style to make room between components.