[New Plugin] ICS Maker - iCalendar file (.ics) maker

Hey everyone,

Just published a plugin called the ICS Maker. This plugin will easily let you create an iCalendar file (.ics) from your calendar events made in bubble. It supports single and multiple calendar events.

Plugin page: plugin page link

Demo page with instructions: demo page link

Demo Editor page: demo editor page

Here are Instruction screenshots from the demo page:

If you have any questions or need any help please message me through the forum.

Enjoy,

Muneer

3 Likes

@muneer.hameer is there a way to generate these ics files through backend workflows? My use case requires that so I am a bit stuck with your plugin. Thank you!

1 Like

Hi @bhage, thanks for trying my plugin. The current plugin is client-side. I am already looking into ways to offer a server side ics plugin. Will keep you posted. Thanks!

1 Like

Update: Just added server-side actions to create iCal files through backend workflows!

Instructions can be found in the demo page below (screenshots included below).

If you want to use this plugin to create a calendar subscription, then refer to my other post.

Plugin page: plugin page link

Demo page with instructions: demo page link

Demo Editor page: demo editor page

Let me know if you have any questions,

Muneer

2 Likes

I will look at this. This is awesome. Thank you!

1 Like

Brilliant work @muneer.hameer! Server-side implementation lifts it to another level. I may have got this wrong, but is there a way to update the existing .ics file once update (for instance as new events are added)? Also, clicking the link currently downloads the file - how about subscribing to the feed? That is a common use-case - people might want to mirror the app’s events in their personal calendar. Is that possible?

EDIT: I have figured out that if you prefix the URL with webcal:// rather than https:// opens the subscription dialog in Apple Calendar and possibly in other calendar apps too. So, the only thing we need is the ability to update the existing ical file, and then we have a great resource here :slight_smile:

Calendar

1 Like

Hi @kenlaji

Thanks for the positive feedback.

Bubble doesn’t let you update an existing file in s3 (I have requested this feature). The workaround is using my plugin and rebrandly. See my forum post How to create dynamic ical subscription

Also, I’m getting close to releasing another plugin called ICS Parser, which will allow you to do the reverse — bring in outside calendar subscriptions (using iCal url from google or Apple) and give you an easy way to save events to your bubble db or for viewing in repeating group. Stay tuned.

4 Likes

@kenlaji @JohnMark @gilles @joe.sharpish

ICS Parser plugin now available

2 Likes

[quote="[New Plugin] ICS Parser - iCalendar file (.ics) parser Showcase, post:1, topic:132753"]
ICS Parser
[/quote]

Fantastic Muneer! I’m excited to look into setting this up and playing around in the next few weeks to get this working for accommodation booking calendar sync.

1 Like

Sounds good. Reach out to me if any questions or issues.

1 Like

Hi @muneer.hameer

I was wondering if your plugin handles updates? I would like to create events and then update them with attendees as they sign up. Is that something your plugin can handle?

Thank you!

Hi @cowlescj

Are you referring to a dynamic iCal subscription link/file? If yes, then note that Bubble doesn’t let you update an existing file in s3 and keep the same link (I have requested this feature). The workaround is using my plugin and rebrandly. See my forum post How to create dynamic ical subscription . Another workaround is setting up your own s3 database and then turn off versioning and set up the PutObject API to be able to update a file and keep same link.

Oh, that makes sense, thank you @muneer.hameer!

1 Like

Update: Just added a JSON to ICAL server-side action!

This will give you the freedom to customize your ICAL file format and what fields that apply to your use-case. The demo page has instructions on the JSON file structure. You can see the structure in the sample workflow action in the Editor for the demo page.

Customizing it will require using bubble’s :format as text feature when you Search for your calendar events in your database.

1 Like

Hi Muneer,

Great work, thank you! I am not a coder (why I am using Bubble). My use case: I have an app that gets people together to have a meeting. In a repeating group I will show the user all the future meetings he has booked. In each cell will be the meeting details and I plan to have a download to calendar button in each cell. Does this mean I should be using the ‘client-side’ approach?

I already have a Data Type for Meeting, do I need a new Data Type to hold the ICS data or can I simply add those ICS fields to my existing Data Type? Basic questions I know, but hey, not a coder :wink:

Darren

Hi @darrenba

Yes you could use client-side. If you go to the demo page and scroll to the Example tab, you can see an “Add to calendar” button in the example repeating group and look at how the workflows are set up. DM me if you have questions. Thanks :slight_smile:

Muneer

https://equina-playground.bubbleapps.io/ics_maker

Hi Muneer, thank you, appreaciated.

Darren

1 Like

Updated demo link

Demo Page: https://d39.bubble.is/site/equina-playground/ics_maker

1 Like

Hello! I purchased this plugin but it will not let me enter any data fields into the “upload a ICS maker” action. Do the data fields have to have the EXACT names listed in the demo page? My app is already established with a specific database and I cannot repopulate all events into a new datatype.

EDIT: Also, the editor link and Prime JSON to ICS buttons are not working on the demo page.

EDIT2: Looks like it has to be a list of events… Is there any way to handle single events?

Hi @gbenchanoch

Thanks for purchasing the plugin

  • No you should not need to use exact names as the demo. Are you able to PM me screenshots of what you are seeing, as it’ll be easier to me to troubleshoot
  • Fixed the Editor Link button (we recently switch dedicated servers and so forgot to update that link – thanks for pointing that out)
  • The JSON to ICS is a disabled workflow button so you can construct it in your own app and execute (you can review it in the editor as you should now have access)
  • use the “:converted to list” operator to accomodate single events
    Screen Shot 2021-09-02 at 11.41.16 AM

Thanks,

Muneer