πππππππππππππSet-Upππππππππππππππ
We have detailed video tutorials for each of the actions/elements we have in this plugin. Watch them to understand and use it at ease.
ππ You must set up your Microsoft Azure account and create a Microsoft Azure Project before you can use this plugin. Takes less than 5 mins if you follow the instructions. It is a one time process which is necessary to get your client-id and client-secret. ππ
β Go to
https://portal.azure.com/β Log in to your Microsoft account.
β Click on View button of "Manage Azure Active Directory" section.
β Click on App registrations on left-side of the dashboard.
β Click on "New registration".
β Fill all the details and register an app.
β Register redirect URL in the app.
β Create a client-secret and save it.
βΈ Step (1 to 8) is explained in detail:
βΈ Watch Youtube video here:
https://www.youtube.com/watch?v=ACXrdPANgE0ππππππππππInstalling the Pluginππππππππππ
β Log in to your Bubble account
β Go to Plugins
β Search for βOutlook Calendar by Ritz7β
β Install the plugin
πππππππππππUsing the Pluginπππππππππππ
ππ Note: In all the actions, we have a field named "Authorization". This field should be in the following format: Bearer <Access-Token> or just <Access-Token>. Access Token will be valid for 60 mins from the time it is generated and you can regenerate it using the Refresh Token. And this step is explained in detail here:
https://www.youtube.com/watch?v=Ewggz0dVdzgππ
β Drag and drop the element "Outlook-Cal".
β Add an action called "Outlook Calendar - Get Auth Code" which requires you to add tenant-ID, client-ID and redirect URI. This will return a URL that needs to be opened.
Note: The redirect URI should match exactly as you have set while configuring in Microsoft Azure project.
β Add Next step: You will have to open the URL you get from the previous step.
Note: This will ask your permission for your app to use your Outlook Account. Once you permit, the element will automatically fetch the code from the URL.
β Generate Auth Token via code: Call an Action "Get Access Token from Auth Code". This will require you to pass the tenant-ID, client-ID, client-secret, code (you will get it from the element 'Outlook-Cal' and the param is named as 'Outlook Auth Code') and redirect URI (this should match the one added in the Microsoft Azure Project)
Note: You will also get Refresh Token along with Access token from step-4. You use Refresh Token to get the Access Token once the old Access Token expires.
β Use "Get Access Token from Refresh Token" action to get the Access token from Refresh Token. This requires you to provide client-ID, client-secret and refresh token.
ππ Actions ππ
β½ Create a Calendar Group
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar Group Name: Name of the calendar group which will be created.
β Outputs:
β» Details of the calendar group created.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=VrYdVdfDX7sβ½ Get all Calendar Groups
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β Outputs:
β» List of calendar groups with details of each calendar group.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=I14Z9LWdEtAβ½ Update a Calendar Group
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar Group ID: ID of the calendar group that needs to be updated.
β» Calendar Group Name: Name of the calendar group which will be updated.
β Outputs:
β» Details of the calendar group updated.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=SzFREHy-dZAβ½ Delete a Calendar Group
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar Group ID: ID of a calendar group to be deleted.
β Outputs: None
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=rpHozvKmziIβ½ Create a Calendar in a Group
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar Group ID: ID of the calendar group that needs to be updated.
β» Calendar Name: Name of the calendar which will be created.
β Outputs:
β» Details of the calendar created.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=VrYdVdfDX7sβ½ Get all Calendars from a Calendar Group
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar Group ID: ID of the calendar group from which calendars will be fetched.
β Outputs:
β» List of calendars with details of each calendar.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=I14Z9LWdEtAβ½ Update a Calendar
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar ID: ID of the calendar which needs to be updated.
β» Calendar Name: Name of the calendar which will be updated.
β Outputs:
β» Details of the calendar updated.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=VrYdVdfDX7sβ½ Delete a Calendar
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar ID: ID of the calendar which needs to be deleted.
β Outputs: None
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=rpHozvKmziIβ½ Get all events
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Prefer: Fill the timezone based on your need. This should be -- outlook.timezone="Asia/Kolkata" for Asia/Kolkata region.
β Outputs:
β» List of events with its details such as subject, body, start/end date, attendees etc.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=KUxjAwdmL0Iβ½ Create an event
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Subject: Subject of an event.
β» Content-Type: There are two types of content - Text and HTML. Content type having HTML will allow you to use html tags in the content.
β» Body: Description of the event.
β» Start Date: Start date of the event: Eg: 2023-05-05T10:00:00.000-07:00
β» End Date: End date of the event. Eg: 2023-05-05T10:25:00.000-07:00
β» Timezone: Timezone of the event, can be local timezone or any other timezones. Can be set in the element "G-Cal". For eg: Asia/Kolkata.
β» Attendees Mail: Email address of the attendees that will be joining the meeting. Ex -
[email protected],
[email protected] β» Attendees Name: Name of the attendees that will be joining the meeting. Ex - Name1,Name2
β Outputs:
β» Details of the calendar event created.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=f-D9657bHVgβ½ Update an event
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Event ID: ID of the event that needs to be updated.
β» Subject: Subject of an event.
β» Content-Type: There are two types of content - Text and HTML. Content type having HTML will allow you to use html tags in the content.
β» Body: Description of the event.
β» Start Date: Start date of the event: Eg: 2023-05-05T10:00:00.000-07:00
β» End Date: End date of the event. Eg: 2023-05-05T10:25:00.000-07:00
β» Timezone: Timezone of the event, can be local timezone or any other timezones. Can be set in the element "G-Cal". For eg: Asia/Kolkata.
β» Attendees Mail: Email address of the attendees that will be joining the meeting. Ex -
[email protected],
[email protected] β» Attendees Name: Name of the attendees that will be joining the meeting. Ex - Name1,Name2
β Outputs:
β» Details of the calendar event updated.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=f-D9657bHVgβ½ Delete an event
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Event ID: ID of the event that needs to be deleted.
β» Prefer: Fill the timezone based on your need. This should be -- outlook.timezone="Asia/Kolkata" for Asia/Kolkata region.
β Outputs: None
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=17za6XzgNMIβ½ Create a Calendar Permission
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar ID: ID of the calendar to which permission will be added.
β» Email-ID: Email address of the user to which permission will be given
β» Inside-Organization: If the user is present in the current organization, then true or else false.
β» Role: There are a list of roles that you can assign to a user who is accessing the calendar. Ex - read, write etc.
β Outputs:
β» Details of the calendar permission created.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=hHTdc3lIIskβ½ Update a Calendar Permission
β Inputs:
β» Access token: It is received from "Get Access Token from Auth Code" or "Get Access Token from Refresh Token" API response
β» Calendar ID: ID of the calendar where permission was added.
β» Permission-ID: ID of the permission that needs to be updated.
β» Role: There are a list of roles that you can assign to a user who is accessing the calendar. Ex - read, write etc.
β Outputs:
β» Details of the calendar permission updated.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=hHTdc3lIIskβ½ List all Calendar Permission
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» Calendar ID: ID of the calendar to which permission will be added.
β Outputs:
β» List of permissions given to a calendar with the user who is accessing it.
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=VBojRzPePV4β½ Delete a Calendar Permission
β Inputs:
β» Access token: Token is generated from an action "Get Access Token via Code".
β» Permission-ID: ID of the permission that needs to be deleted.
β Outputs: None
βΈ Watch the video for the above action here:
https://www.youtube.com/watch?v=VBojRzPePV4