Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
en:embed_google_calendar [2024/02/12 12:13] nraulet |
en:embed_google_calendar [2024/02/12 14:46] (current) nraulet |
||
|---|---|---|---|
| Line 24: | Line 24: | ||
| - Go to the widget catalogue and select the "Google Calendar" widget, which you can find at this address: https://widgets.zebrix.net/ {{:fr:embed_google_calendar_widget.jpg|}} | - Go to the widget catalogue and select the "Google Calendar" widget, which you can find at this address: https://widgets.zebrix.net/ {{:fr:embed_google_calendar_widget.jpg|}} | ||
| - Paste the calendar ID into the appropriate field | - Paste the calendar ID into the appropriate field | ||
| - | - Customise the colours and other settings as required - Copy the URL using the button provided. | + | - 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 | - In zebrix, create a new page or edit an existing page | ||
| - | - Add a new zone, specify the zone type **"Web "** {{:fr:embed_office365_calendar_3.jpg|}} | + | - Add a new zone, specify the zone type **"Web "** |
| + | |||
| + | {{:fr:embed_office365_calendar_3.jpg|}} | ||
| - Size it appropriately. | - 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 {{:fr:webzone_reset.jpg|}} | + | - **IMPORTANT** in the "Web zone property" pane, click on the "Reset" button so that the calendar occupies the entire size of the zone |
| + | |||
| + | {{:fr:webzone_reset.jpg|}} | ||
| ===== Method 2: using the version published by Google ===== | ===== Method 2: using the version published by Google ===== | ||
| + | |||
| ==== Example of rendering ==== | ==== Example of rendering ==== | ||
| {{:fr:embed_google_calendar_4.jpg|}} | {{:fr:embed_google_calendar_4.jpg|}} | ||
| Line 37: | Line 44: | ||
| - Create a new page or edit an existing page | - Create a new page or edit an existing page | ||
| - | - Add a new zone, specify the zone type **"Web "** {{:embed_office365_calendar_3.jpg|}} | + | - Add a new zone, specify the zone type **"Web "** \\ {{:fr:embed_office365_calendar_3.jpg|}} |
| - | - Size it appropriately. - Paste the URL of the published calendar {{:en:embed_google_calendar_3.jpg|}} | + | - 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 {{:en:webzone_reset.jpg|}} | + | - Paste the URL of the published calendar \\ {{:fr:embed_google_calendar_3.jpg|}} |
| + | - **IMPORTANT** in the "Web zone property" pane, click on the "Reset" button so that the calendar occupies the entire size of the zone \\ {{:fr:webzone_reset.jpg|}} | ||
| <WRAP centre round tip 80%> | <WRAP centre round tip 80%> | ||
| - | **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. | + | **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** | Example: **&wkst=2&showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=WEEK&hl=fr** | ||
| Line 48: | Line 56: | ||
| </WRAP> | </WRAP> | ||
| + | |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"| tabs. | ||
| + | |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 | ||
| + | |mode=MONTH|Displays the calendar in "Month"| mode | ||
| + | |hl=fr|Allows you to specify the fr language (replace by en, nl, de, es,...) according to your needs)| | ||
