Dynamic Event Calendar - Showing Past Events

Hi everyone,

I have a client that wanted a Dynamic Calendar. So I linked Zapier to Webflow and that part is working awesomely well! Now, Is there a way to show a past event in a Collection? My Client wants to be able to show something that occurred in the past maybe greyed out? Thoughts?

Read Only site: https://preview.webflow.com/preview/scveterannetwork?preview=e211baa9108e9fc7235b2a9c3e57b8d5

It should certainly be possible - do you mean to only show past events or show both past and future events in the same list?

One way to do both is create two dynamic lists and style both the same apart from the first one with the grey styling.

Make the first dynamic list pull in the event data, and filter it to show in the past, then make the second one pull the same data but filter to show in the future

See this screenshot from a site with gigs/concerts:

Hope that’s useful!

Hi StuM, thank you for your help. Correct, my client wants to be able to show both past and future events in the same list. So that those viewing it will know what was missed or whats coming up. Thank you for your help on this I will experiment with this.

Cool, I think the idea should work then :slightly_smiling_face:

If they are styled very similar, it’s just a case making one follow the other seamlessly (on the eye) so it appears as one list. Look forward to seeing the final product!

1 Like

If you search for a solution without Zapier / third party stuff: we built this dynamic calendar (https://ncf-calendar-styled.webflow.io/). Every event / calendar entry is a Webflow CMS item. Every visual aspect (including states) and the amount of visible days can be modified native within the Webflow designer. We designed it as a cloneable component with a little video tutorial to implement it – should take you around 10 minutes to get started.

For us having this component definitely was a game changer, because we often get the customer request to display different events on a real calendar and not only in a vertical list. We found this was the best possible way to do it within Webflow.

Cal Vid