The grouped design lets you show many events in the same day, grouped together with the date as the header.
[ecs-list-events design="grouped" limit="10"]
May 1, 2023
8:00 pm
Rock Concert
May 2, 2023
8:00 pm
Late Night Party
May 14, 2023
10:00 am
Movie Marathon
Include the Venue
Note that the first event does not have a venue.
[ecs-list-events design="grouped" venue="true" limit="10"]
May 1, 2023
May 2, 2023
May 14, 2023
Include the Cost
[ecs-list-events design="grouped" cost="true" limit="10"]
May 1, 2023
May 2, 2023
May 14, 2023
Group by Month
You can group the events by the month, instead of by day.
[ecs-list-events design="grouped" groupby="month" limit="10"]
Group by Month (No start time)
If you want to hide the time of the event, just add timeonly=”false”
[ecs-list-events design="grouped" groupby="month" timeonly="false" limit="10"]
April 2023
Saturday 1:
Kitten Adoption Day
Thursday 6:
Dinner Party
Friday 7:
Cupcake Decorating
May 2023
Monday 1:
Rock Concert
Tuesday 2:
Late Night Party
Sunday 14:
Movie Marathon
June 2023
Thursday 15:
Board Meeting
Sunday 25:
Birthday Party
Pagination
Show previous and next links, allowing more events to be displayed by visitors. The amount of events on each page can be controlled using the limit value.
[ecs-list-events design="grouped" pagination="true" limit="3"]
Filter Bar
Let your visitors select the events they want to see with the filter, on any page! See the Filter Bar page for more examples.
[ecs-list-events design="grouped" filterbar="true" pagination="true" filterorder="category, venue, state, country, tag, fromdate"]
June 15, 2023
12:00 pm
Board Meeting
June 25, 2023
3:30 pm
Birthday Party
July 1, 2023
July 6, 2023
6:00 pm
Dinner Party
July 7, 2023
1:30 pm
Cupcake Decorating