Hello,
I am trying to create a feature similar to Google Calendar using Bubble, and currently, I have designed it like this.
Please refer to the attached file “Calendar Image”.
At this point, I would like to change the display colors as follows:
- My own schedule should be in blue,
- Keiko Tanaka’s schedule in red,
- Noriko Ito’s schedule in green.
How can I achieve this?
Hello, welcome to the forum 
I think the most performant way is adding color column(text) to the events table and then choose Use a dynamic color for each event in the calendar properties panel and select the color column
Editor
Preview
1 Like
Hello,
Thank you for your response.
I was able to implement it successfully. I appreciate your help.
I have another question: I would like to allow users to change the event colors, similar to Google Calendar, by displaying something like a color palette. Does Bubble have any plugins for this?
We don’t need a plugin for this. Let’s take it step by step.
How are you writing the color data to the events table? Can you show me that please?
Got it.
I’ll provide you with the screenshots of the table and data I am currently using for testing.
Since some parts might be difficult to understand in Japanese, I will include a few additional notes for clarification.
event color [text]
name [text]
color [text]
title [text]
memo [text]
created_user [User]
end date and time [date]
all day [yes/no]
start date and time [date]
private [yes/no]
Looks great, thank you! When creating an event, you can pull the color value from current user -> color. If we add an input on a page, like in user settings, users will be able to modify that field. At this point, you can use a color picker plugin. I like this one, but you can choose any.
You’ll need to add this logic:
When “Save” is clicked →
I hope I explained everything clearly.
1 Like
Forum
Academy
Marketplace
Showcase
Pricing
Features
