Layout Options
This demo page demonstrates the different layout options available in the Events Carousel module.
Note: For additional layout options, event details, callout box settings, excerpts, and other display options, please see the Events Feed module demos.
Grid Layout
This section demonstrates the Grid layout available in the Events Carousel module.
List Layout
The List layout displays events in a horizontal format. When this layout is selected, an additional Layout Type setting becomes available with multiple layout variations. These layout types are the same as those available in the Events Feed module. Please refer to the Events Feed demo page to see all available Layout Type options.
Image, Details
Cover Layout
This section demonstrates the Cover layout, which displays events in a grid format with the featured image shown as the background behind the event details.

High School Musical
High School Musical
A vibrant musical performance by talented high school students.

Local Talent Comedy Show
Local Talent Comedy Show
Enjoy an evening of laughter with the city's funniest local comedians.


Church Worship Concert
Church Worship Concert
A heartfelt evening of worship through music, praise, and fellowship.

Tech Startup Pitch Night
Tech Startup Pitch Night
Witness innovation in action at the Tech Startup Pitch Night.
Grid Layout – Example 1
This example uses the Grid layout with a callout box enabled. Some event details, such as the date and time, are hidden. Events are displayed in descending order, the event count is increased from 5 to 10, the carousel navigation is customized, and the More Info button is hidden.
Grid Layout – Example 2
This example displays only Featured Events using the Grid layout. The featured image is hidden, the event title link is disabled so only the More Info button is clickable, the autoplay speed is set to 7000ms, and the Continue Autoplay on Hover option is enabled.
List Layout – Example 1
This example uses the List layout with the Callout, Details, Image layout type. Autoplay is disabled, allowing users to navigate using the arrows or dot navigation. Both past and future events are displayed.
Community Volunteer Day
Community Volunteer Day
This is an event excerpt which can be used to give a brief s...
Tree Planting Day At The Park
Tree Planting Day At The Park
A community event to plant trees and promote sustainability.
High School Musical
High School Musical
A vibrant musical performance by talented high school studen...
Local Talent Comedy Show
Local Talent Comedy Show
Enjoy an evening of laughter with the city's funniest local ...
Church Worship Concert
Church Worship Concert
A heartfelt evening of worship through music, praise, and fe...
Tech Startup Pitch Night
Tech Startup Pitch Night
Witness innovation in action at the Tech Startup Pitch Night...
List Layout – Example 2
This example uses the List layout with 2 columns. Dot navigation and mouse drag are disabled, the More Info button text is customized, and the organizer link is enabled to open in a new browser tab.
Cover Layout – Example 1
This example displays events from a specific category using the Cover layout. The excerpt length is set to 50 characters, the callout box displays the month and year, navigation arrows are hidden, and the Make Entire Event Clickable option is enabled, allowing users to click anywhere on the event to open it.

Local Talent Comedy Show
Local Talent Comedy Show
Enjoy an evening of laughter with the city's funni...

Weekend Backpacking Trip
Weekend Backpacking Trip
Explore scenic trails and enjoy a guided backpacki...

Christmas Street Festival
Christmas Street Festival
Celebrate the season with festive lights, music, a...














