Set Up Your Event Database

To ensure that you can get your events into the calendar correctly, start by making sure your database is setup to recieve events. All of the properties/fields below can be associated with an event.

The Basics

To get events on the calendar, you at least need to have a title, start/end time, and unique ID. That means you can start by setting up your DB like this.

In addition to the above created event properties, you'll also use the Uniqe ID created by the Bubble DB. Again, you dont need to do anything to have these created, Bubble takes care of this for you. You will, however, need to make sure to use this automagically created property when filling in event fields while using the calendar element.

The Advanced

As your app becomes more complex, it is feasible to assume that you'll want to associate more and more data with events. Using the built-in Bubble Database, you could always click an event, get it's uniqe event ID, then go do a search and recall some data related to that event. OR, you could load that data into the calendar with the event itself. This makes the extra info immediately available and avoids the need for extra calls to the DB thus reducing overall server load.

Other possible event properties

Color hex or RBG or RBA value
- You may wish to assign discrete colors to events. Note this isn't required, just a nice-to-have feature.
Editability Boolean value
- You won't always want events to be editable. This means that they can't simply be dragged and dropped or have their durations extended by click-and-dragging at the bottom of the event.
Location string value
- realistically, this can be any text you want it to be. It is not limited to Location. But, if you tie into google, this value could become really handy as Google Events. This way you could make an event in your Bubble app. Open it in your Google Cal on your phone, and be navigated to the event via Google maps!
Summary string value
- realistically, this can be any text you want it to be. It is not limited to Summary
Identifier string value
- By assigning identifiers to events, you can use this identifier to control the color of events dynamically instead of by changing the event color in the database. You can then use that later.

Resource string value
- This is a useful property to have when you are scheduling people, things, places, rooms, etc.
Extra Data 1 string value
- This can be useful for any piece of information you would like to associate with the calendar
Extra Data 2 string value
- This can be useful for any piece of information you would like to associate with the calendar

All properties

PreviousInstall the Plugin NextInstall the Element

Last updated 3 years ago

The Basics

To get events on the calendar, you at least need to have a title, start/end time, and unique ID. That means you can start by setting up your DB like this.

In addition to the above created event properties, you'll also use the Uniqe ID created by the Bubble DB. Again, you dont need to do anything to have these created, Bubble takes care of this for you. You will, however, need to make sure to use this automagically created property when filling in event fields while using the calendar element.

The Advanced

Other possible event properties

Color hex or RBG or RBA value

You may wish to assign discrete colors to events. Note this isn't required, just a nice-to-have feature.

Editability Boolean value

You won't always want events to be editable. This means that they can't simply be dragged and dropped or have their durations extended by click-and-dragging at the bottom of the event.

Location string value

realistically, this can be any text you want it to be. It is not limited to Location. But, if you tie into google, this value could become really handy as Google Events. This way you could make an event in your Bubble app. Open it in your Google Cal on your phone, and be navigated to the event via Google maps!

Summary string value

realistically, this can be any text you want it to be. It is not limited to Summary

Identifier string value

By assigning identifiers to events, you can use this identifier to control the color of events dynamically instead of by changing the event color in the database. You can then use that later.

Resource string value

This is a useful property to have when you are scheduling people, things, places, rooms, etc.

Extra Data 1 string value

This can be useful for any piece of information you would like to associate with the calendar

Extra Data 2 string value

This can be useful for any piece of information you would like to associate with the calendar

All properties