Skip to main content

Design: Events - Infinite scroll

Display just a month's worth of events or endless events.

Jason Alexis avatar
Written by Jason Alexis
Updated over 2 weeks ago

To find this design item...

Step 1: When logged in to Display.Church, open the Widgets section (if needed).

Step 2: Choose Calendars. Your Calendar page will open.

Step 3: Choose the calendar with which you wish to work

Step 4: Make sure you are in the Design tab (brown box in image below).

Step 5: Choose the Main design subsection.

Step 6: Scroll down to the Events section and click on it (blue box in image above).

Step 7: Scroll down to the Number of events sub-section.


To modify this design item

When this button is toggled off (above), the events scrolling stops at the end of the month (brown box below). In this case, November 30.

However, when this button is toggled on (below)...

...the event scrolling will continue "infinitely" until the end of all found events. Notice how the dates seamlessly continue to the next month (from November to December) in the brown box below.

***Infinite scroll parent selector***

This design item relates to embedding your calendar on a website. Here is a simplified, non-tech explanation:

When we embed a calendar on a web page, we give it a set space, a "box" if you will. We want the calendar to stay in the box.

So, what happens with infinite scrolling? The list is "endless", right?

We want to make sure that the events scroll endlessly BUT do not get out of their "box" and start running down the rest of the web page. That's what this design item does.


​

Click Save at the bottom of the column to save your changes.

Did this answer your question?