The Calendar Menu plugin displays a day/week/month calendar view in your app's Userview. |
The plugin has 2 parts:
1. Display your own data records in a calendar day/week/month view format. For this to work, you need to map the form and field IDs that stores the calendar records, into the Calendar plugin properties page. You can download a sample calendar app from Joget Marketplace.
2. The Calendar Menu plugin can also connect to Google API to display your favorite country's public holidays within the same calendar day/week/month view. You will need a Google Calendar API key for this, more details below.
Notes if you want the Calendar Menu plugin to connect to Google Calendar
- Every request your application sends to the Google Calendar API must include an authorization token. The token also identifies your application to Google. Here are the steps to obtain the Google Calendar API Key:
- Go to the Google Developer Console and create a new project (it might take a second).
- Once in the project, go to APIs & auth > APIs on the sidebar.
- Find "Calendar API" in the list and turn it ON.
- On the sidebar, click APIs & auth > Credentials.
- In the "Public API access" section, click "Create new Key".
- Choose "Browser key".
- If you know what domains will host your calendar, enter them into the box. Otherwise, leave it blank. You can always change it later.
- Your new API key will appear. It might take second or two before it starts working.
- Copy and paste your API key into the Calendar menu properties "Configure Calendar Menu>Data Binder>Advanced" page.
- Steps to enable your Google Calendar to be public:
- In the Google Calendar interface, locate the "My calendars" area on the left.
- Hover over the calendar you need and click the downward arrow.
- A menu will appear. Click "Calendar Settings".
- Check "Make this calendar public".
- Make sure "Share only my free/busy information" is unchecked.
- Click "Save".
- Obtain your Google Calendar's ID:
- In the Google Calendar interface, locate the "My calendars" area on the left.
- Hover over the calendar you need and click the downward arrow.
- A menu will appear. Click "Calendar settings".
- In the "Calendar Address" section of the screen, you will see your Calendar ID. It will look something like "abcd1234@group.calendar.google.com".
- Copy and paste your API key into the Calendar menu properties "Configure Calendar Menu>Data Binder>Advanced" page.
- You can read more at Google Calendar API site.