Can I Display Multiple Data Sources (Bubble DB & Google Calendar) in a Single Calendar View?

Need help
1

Hi everyone,

I’m working on a calendar view in Bubble where I need to display events from three different data sources at once:

  1. Two data sources from Bubble’s internal database (Bubble DB).
  2. One external data source from Google Calendar (using the Google Calendar API).

I have the Google Calendar events being fetched correctly using the “Fetch Google Calendar Event” type and the relevant fields set (start and end time, etc.). However, I also want to show events from my Bubble database alongside these Google Calendar events in the same calendar.

I’m currently using a calendar element to display the events. The calendar element is set to pull events from the Google Calendar API for external events and also from the Bubble DB for internal events. However, I’m unsure how to combine these three data sources effectively in the calendar view and have them displayed together in a way that doesn’t interfere with one another.

Questions

  1. Is it possible to display **multiple data sources(Google Calendar events and Bubble DB events) simultaneously in the same calendar view?
  2. If so, what’s the best approach to ensure that events from both sources are merged and displayed correctly in the calendar without conflicts?

Any guidance or advice on how to approach this would be greatly appreciated!

Thanks in advance!

2

Hey @experimentflife :waving_hand:

I am sure there are different ways to do this and some others might have other ideas.

When I have done this personally, I just created one dataType and used that same dataType to hold all of the records and keep them updated. Then you have one data source to make it easier to work with.

You then need to handle keeping things in sync with a webhook and updates both ways.

Does that help at all? I am curious to see what others have tried. :blush: