Services Plugins FAQs

Air Calendar - Colors for Selected Event

I would like a way to show an event on the calendar as the “Current Event”. If I select an event, in my app, I fill a side panel with the event details. But, there is currently no way to show that event differently on the calendar.

NOTE: updating the database such that that event has special background colors is problematic : multiple users or even multiple browser windows might be open to the same calendar view and these values would overlap each other. I would have to merge in a table by user, by session to not have the selection (a purely transient UI state) to be inadvertently shared across users and sessions.

Hasn’t anybody else asked for this?

Hey @pwharker ,

Thanks for reaching out! :pray:

I get what you’re trying to do, and here are a couple of ways you could go about it:

  1. You can use the plugin’s “event is clicked” trigger to store the selected event’s ID temporarily in a custom state in Bubble. This way, you can keep the side panel styled as you’re doing. For the calendar itself, you could inject custom CSS using an HTML element to target the selected event’s DOM element by its ID. This way, you don’t need to update the database, and you avoid the issues with overlapping data. It’ll require a little bit of JavaScript, but it’s definitely doable. Just make sure to test for multi-session compatibility.

  2. If you want to avoid database changes altogether, you could try solution like using custom states. These are tied to the session, so you won’t need to worry about multiple users or browser windows.

Hope that helps!

Cheers,
Support Team
Browse all Zeroqode Plugins for bubble
Banner_Last3