The Carousel Widget displays a rotating set of images with optional captions. Visitors can navigate between slides manually or let them auto-rotate. Use this widget to showcase multiple images or promotions in a single space.
Edit Dialog Fields
| Field |
Description |
| Active |
Enable or disable this carousel |
| Time Between Scrolls |
Seconds between automatic slide transitions (default: 3) |
| Sort Order |
Controls the display order when multiple widgets are on the page |
Advanced Edit Fields
| Field |
Tab |
Description |
| Name |
Control Info |
Internal name for this widget |
| Image Aspect Ratio |
Image Size |
Select the aspect ratio for carousel images |
| Image Width |
Image Size |
Width of carousel images in pixels (default: 1000) |
| Pad Top |
Styles |
Add top padding to the widget |
| Pad Right |
Styles |
Add right padding to the widget |
| Pad Bottom |
Styles |
Add bottom padding to the widget |
| Pad Left |
Styles |
Add left padding to the widget |
| As Full Bleed |
Styles |
Include margins for content |
| Height |
Styles |
Set a specific height with units |
| Theme Style |
Styles |
Select a layout wrapper class from Design Block Themes |
| Button Style |
Styles |
CSS class for buttons (default: "btn btn-primary") |
| Background Image |
Background |
Set a background image for the widget |
Child Records: Carousel Images
Each slide is a separate Carousel Image record with these fields:
| Field |
Description |
| Image |
The image displayed for this slide |
| Image Href |
Optional link URL when the image is clicked |
| Image Alt |
Alt text for the image |
| Image Alt Size List |
Alternative image sizes for responsive display |