How do I display a Google calendar on a zebrix screen?
There are two ways to integrate a Google calendar on a zebrix screen.
- The first method is to use the zebrix Google Calendar widget. To do this, you will need to obtain the ID of your calendar.
- The second method is to use the published version of the calendar offered by Google, you will need to obtain its public access link.
All Google calendars have a public access link. This does not mean that it is accessible to everyone though, in fact, only people who know about this secret link will be able to access it. Also note that it will not be possible to edit your calendar (it is only shared for viewing).
Here's how to get your calendar's ID and public URL:
Open your Google calendar and go to Settings
In the menu on the left in “My calendars “ select the calendar concerned. In Integrate Calendar you will be able to obtain the public URL or ID
Method 1: using the widget
- Go to the widget catalogue and select the “Google Calendar” widget, which you can find at this address: https://widgets.zebrix.net/
- Paste the calendar ID into the appropriate field
- Customise the colours and other settings as required
- Copy the URL using the button provided.
- In zebrix, create a new page or edit an existing page
- Add a new zone, specify the zone type “Web “
- Size it appropriately.
- IMPORTANT in the “Web zone property” pane, click on the “Reset” button so that the calendar occupies the entire size of the zone
Method 2: using the version published by Google
Example of rendering
In zebrix:
- Create a new page or edit an existing page
- Add a new zone, specify the zone type “Web “
- Size it appropriately.
- Paste the URL of the published calendar
- IMPORTANT in the “Web zone property” pane, click on the “Reset” button so that the calendar occupies the entire size of the zone
TIPS : It is possible to customise the calendar by adding a few parameters at the end of the address: hide the buttons (including the print button), hide the calendar title and choose a “week” or “schedule” display.
Example: &wkst=2&showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=WEEK&hl=fr
| wkst=2 | Start the week on Monday |
| showTitle=0 | Hides the calendar title in the top left-hand corner |
| showNav=0 | Hides the navigation buttons |
| showDate=0 | Hides the date range at top left |
| showPrint=0 | Hides the print button |
| showTabs=0 | Hides the “Month”, “Week”, “Schedule” |
| showCalendars=0 | Hides the calendar drop-down list at the top right |
| showTz=0 | Hides time zone information at bottom left |
| mode=WEEK | Displays the calendar in “Week” mode |
| mode=AGENDA | Displays the calendar in “Planning” |
| mode=MONTH | Displays the calendar in “Month” |
| hl=fr | Allows you to specify the fr language (replace by en, nl, de, es,…) according to your needs) |
