This is the default carousel. It has no controls and will change every 5 seconds using the default transition style of Slide. Hovering over the carousel will pause it on the current image/content
demo slide 1
demo slide 2
demo slide 3
The Carousel Admin Panel
A Carousel's settings are presented in a single panel.
Title
The internal name of the carousel. This title is not rendered with the control.
Carousel Height
By default, the control should match the height of the slide images. You may choose to set the height manually if necessary. Any valid CSS height value may be put into this field.
Control/Text Theme
This will change the color of the controls to be more visible against light or dark background images.
Light Theme slide 1
-> better for darker backgrounds <-
Light Theme slide 2
-> better for darker backgrounds <-
Light Theme slide 3
-> better for darker backgrounds <-
Dark Theme slide 1
-> better for lighter backgrounds <-
Dark Theme slide 2
-> better for lighter backgrounds <-
Dark Theme slide 3
-> better for lighter backgrounds <-
Transition Style
The carousel may move from slide to slide using either a slide animation or a fade animation.
Show Slide Indicators
If checked, the control will render a visual indicator of the slide set at the bottom of the carousel
Show Slide Controls
If checked, the control will render a forward and backward control on the sides of the carousel
Content List
The Add Item button at the bottom will allow you to add only Carousel Slides.
- You may rearrange the slides by using the Drag-and-drop handles on the left of each section
- You may delete a slide by selecting its red trashcan icon
- You may open a slide for editing by selecting the > button just to the left of its title (the Slide admin panel is described below)
The Slide Admin Panel
This panel is used to add the images and content to your carousel slides
Title
The internal name of the slide. This tile will not be rendered in the control
Slide Duration
The amount of time (in seconds) that you would like the slide to stay on screen
Image
Standard Orchard media selector to pick the background image of the slide
Content List
The add (+) button at the bottom will allow you to add either a Container widget or a Liquid widget
- You may rearrange the widgets by using the Drag-and-drop handles on the left of each section
- You may delete a widget by selecting its red trashcan icon
- You may open a widget for editing by selecting the > button just to the left of its title (Container widgets and Liquid widgets are discussed on their own pages)