The Image Slider Widget displays images in a sliding carousel format. It automatically rotates through images and supports manual navigation. Use this widget to present multiple images in a compact, interactive display.
Edit Dialog Fields
| Field |
Description |
| Headline |
Title displayed above the slider |
| Active |
Enable or disable this widget |
| Slider Pause |
Seconds between automatic slide transitions (default: 3) |
| Images Per Slide |
Number of images visible at one time (default: 4) |
| Image Aspect Ratio |
Select the aspect ratio for slider images (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 1 through Image 15 |
Images |
Upload up to 15 images for the slider |
| Image Link Override (per image) |
Images |
Optional link URL for each image |
| 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 |