Upcoming events (calendar link)

A list of upcoming events from the events collection: a date tile, the title, start and end time, the place, a short description and a details link. Fills from a Google Calendar, Outlook or Apple Calendar link.

eventscalendarschedulegoogle-calendaroutlookicalcollectionrepeaterdynamiclist

About this block

Your next dozen events, read from your Events collection. Connect a Google Calendar, Outlook or Apple Calendar link on the Apps screen and the rows fill themselves and stay current.

When to use it

  • On an Events page or your home page, when your classes, shows or opening hours live in a calendar.

What's inside

  • A {% for item in events limit: 12 %} loop over collections.events, sorted by start (fields: title, start, startDate, endDate, allDay, startTime, endTime, location, description, url, calendar).
  • An all-day event reads 'All day', and 'until' its last day when it runs more than one.
  • Repeating events arrive as one row for each date.

How to customize it

  • Change limit: 12 to show more or fewer events.
  • To show one calendar, filter on its name: collections.events | where: 'calendar', 'Community hall'.
  • If your collection has another slug, change collections.events to match.

Questions

How fresh are the events?
As fresh as the last sync. The collection re-syncs every hour, and your published pages update after each sync.
Why does every event say Busy?
The calendar is shared as free/busy only. Share all event details in the calendar's settings, then sync again.

Browse other blocks

Same library cards — preview live and grab the code from any block.

View full library