Sagamore calendar implementation: Difference between revisions
(→Edit: Tighten warning and edit instructions) |
|||
Line 51: | Line 51: | ||
<pre style="white-space: pre-wrap;"><iframe src="https://www.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=393&wkst=1&bgcolor=%23ffffff&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&ctz=America%2FNew_York" style=" border-width:0 " width="262" height="393" frameborder="0" scrolling="no"></iframe></pre> |
<pre style="white-space: pre-wrap;"><iframe src="https://www.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=393&wkst=1&bgcolor=%23ffffff&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&ctz=America%2FNew_York" style=" border-width:0 " width="262" height="393" frameborder="0" scrolling="no"></iframe></pre> |
||
Or [https://www.google.com/calendar/embed?title=Sagamore%20Hills%20Elementary%20School&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=sagamorehillspta. |
Or [https://www.google.com/calendar/embed?title=Sagamore%20Hills%20Elementary%20School&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&src=sagamorehillspta.org_s7rl2pce7ls9c4s5qbboav4qa4%40group.calendar.google.com&color=%23182C57&ctz=America%2FNew_York an example] for the [http://sagamorehillspta.org/?page_id=24 Calendar page]… |
||
<pre style="white-space: pre-wrap;"><iframe src="https://www.google.com/calendar/embed?title=Sagamore%20Hills%20Elementary%20School&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=sagamorehillspta. |
<pre style="white-space: pre-wrap;"><iframe src="https://www.google.com/calendar/embed?title=Sagamore%20Hills%20Elementary%20School&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&src=sagamorehillspta.org_s7rl2pce7ls9c4s5qbboav4qa4%40group.calendar.google.com&color=%23182C57&ctz=America%2FNew_York" style=" border-width:0 " width="604" height="600" frameborder="0" scrolling="no"></iframe></pre> |
||
==Background== |
==Background== |
Revision as of 23:39, 29 September 2013
These Google Calendars are hosted through the Sagamore Hills PTA Google account, owned by admin@sagamorehillspta.org, editable by the sagamorehillspta@sagamorehillspta.org group, and publicly viewable.
Instructions for simply viewing/subscribing (what most folks want) are on the Sagamore calendar page.
List of Calendars
Separate calendars are used to allow end-user filtering.
Name | Description | Calendar ID |
---|---|---|
Sagamore Hills Elementary School | The main calendar where everything should be if there's no reason for it to be elsewhere | sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8@group.calendar.google.com |
Volunteer @ Sagamore Hills Elementary School | Volunteer opportunities not mentioned in the main calendar (e.g. PTA Board meetings) | sagamorehillspta.org_s7rl2pce7ls9c4s5qbboav4qa4@group.calendar.google.com |
Edit
The following instructions allow you to edit Sagamore calendars. To simply view (not edit) Sagamore calendars, see the Sagamore calendar page.
Edit the Sagamore calendars as you would any Google Calendar. See "Google Calendar Help" for details.
Setup
- Have a Google Account
- If you log into any Google product (Gmail, Android, Drive, YouTube, etc.), you have one
- If you don't have a one, you can create one
- Be a member of the sagamorehillspta@sagamorehillspta.org group
- If you're not (or not sure), contact the Sagamore Hills PTA
- Log into Google Calendar
- Add a Sagamore Calendar (listed above)
- "Other calendars" (left sidebar)
- "Add friend's/coworker's calendar" (you may need to expand "Other calendars"
- Enter a Sagamore Calendar ID (listed above)
Website
Use the Google Embeddable Calendar Helper.
If you want to get fancy, check out the jQuery Google Calendar Flow plug-in.
Here's an example appropriate for the sidebar of the Sagamore Hills PTA website circa August, 2013.
<iframe src="https://www.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=393&wkst=1&bgcolor=%23ffffff&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&ctz=America%2FNew_York" style=" border-width:0 " width="262" height="393" frameborder="0" scrolling="no"></iframe>
Or an example for the Calendar page…
<iframe src="https://www.google.com/calendar/embed?title=Sagamore%20Hills%20Elementary%20School&showTz=0&height=600&wkst=1&bgcolor=%23FFFFFF&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&src=sagamorehillspta.org_s7rl2pce7ls9c4s5qbboav4qa4%40group.calendar.google.com&color=%23182C57&ctz=America%2FNew_York" style=" border-width:0 " width="604" height="600" frameborder="0" scrolling="no"></iframe>
Background
See how it setup at Sagamore Hills PTA Google account setup#2013-08-25_19:24_Create_a_calendar.