A smaller design great for showing more events in a smaller space, and easily seeing the date on the side. There are a number of options to customize what is displayed (not all of them are demonstrated here) and you can combine more than one option at a time.

[ecs-list-events design="compact"]

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="compact" pagination="true" limit="3"]

Date Colors

[ecs-list-events design="compact" fgthumb="white" bgthumb="#0a0a0a" limit="3"]

Thumbnail

[ecs-list-events design="compact" thumb="true" limit="3"]

Jan

15

Board Meeting

Jan

22

Rock Concert

Feb

1

Rock Concert

Venue and Event Start Time

The first event doesn’t have a start time or a venue, as it’s an all-day event with no venue set.

[ecs-list-events design="compact" limit="5" timeonly="true" venue="true"]

Button

You can use the buttonfg and buttonbg options to change the button color, along with the button text:

[ecs-list-events design="compact" timeonly="true" limit="5" button="Register Now"]

Full Date and Time

The first event is an all-day event.

[ecs-list-events design="compact" contentorder="date_thumb, thumbnail, title, date, venue, time, excerpt, button" limit="5" eventdetails="true"]

Excerpt

This starts to get a little less “compact” of a design, but you can also include the excerpt of the event description. This can be used in combination with venue=”true”, button and other options.

[ecs-list-events design="compact" excerpt="true"]

Full Description

You can also include a manually typed excerpt with any HTML in it with raw_excerpt=”true” or even the full description content with:

[ecs-list-events design="compact" excerpt="true" description="true" raw_description="true"]

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="compact" filterbar="true" pagination="true"]