Wednesday, September 20, 2017

Embed Your Google Calendar on Your Sapphire Page

Here's a step-by-step tutorial for embedding your Google calendar into your CLASS PAGE on Sapphire.

PART 1 - Get the URL for your Google calendar

If you use "New Calendar," click here for instructions.
If you use "Classic Calendar," follow the instructions below.


In your Google calendar, find your list of calendars on the left hand side.  Click the dropdown arrow for the calendar you’d like to share.  Choose “calendar settings” from the menu.



In the “calendar address” section, toward the bottom of the page, click the blue HTML button.  A window will pop up that says, “calendar address.”  Highlight and copy the URL from that window and click OK.



PART 2 - Put your calendar on your Sapphire page


Go to your class page.



While editing your content, click the little pencil icon in the upper right corner.  Then click the icon with the globe.  (When you hover your mouse over the globe icon, it will say “iFrame.”)


A window will pop up called, “IFrame Properties.”  Paste your calendar’s URL in the space provided.  (To get your calendar’s URL, see Part 1.)  In the “width” and “height” fields, put “800” and “600” respectively.  Click OK.



You will see the frame of the calendar in your content field.  Click Save, on the left.



When you are successful, your calendar will appear on your page.



If you have any questions, please just email me: lbrobst@wrsd.org

No comments:

Post a Comment