Is it possible to create calendars like this with bubble? I don’t even know where to start?
1 Like
yes… you can use the cal plugin, custom CSS and so on. You could do 90% of that out of the box. The current plugin would need some significant styling to get it “condensed” to look like that.
Sweet! Thanks @ryan8. Do you know if there is a week view available?
I created a full tutorial on how to do this about 3 days ago:
http://forum.bubble.io/t/how-to-create-a-custom-calendar-using-repeating-group
2 Likes
Amazing! This looks really good! Good job! I will play with it and see how it works. I haven’t used calendar on bubble yet so i don’t want to ask stupid questions. I didn’t see any calendar evens in your example so I don’t know what is possible
What I would like to do is:
-
Show a dot on a day if there is an event and then on click it will open floating group or modal and information will be in it.
-
On click show events under the calander week view
It works just like normal repeating groups. Create a dot in the repeating group and setup a conditional like:
If current user’s events contains this day then the dot will be visible. To create a popup for date info just put all the contents of the calendar box into a group and when the group is clicked, run a workflow to show a popup and display the date in the popup.
2 Likes
Thanks for your tips. It seems pretty straightforward. I will give it a try after i have database and everything else set up for this.
Few questions about this. Is there a way to change that week starts on Monday? Is there an easy way to show a week view? I tried to remove extra rows but I realized it needs a it more than that.
Also, I try to build it that it will show current events under the week view when the day is clicked. but i’m not that far yet.
Ps. Thank you so much for posting this calendar tip. I couldn’t have done it without your help. I want to buy you a coffee!
2 Likes
I was able set up the calendar but ut shows the icon in every cell. I have ‘events’ data type set up with date field and I have few entries to show but I can’t figure out the condition for this.
I figured this out with this condition format
1 Like
This topic was automatically closed after 70 days. New replies are no longer allowed.