Sagamore calendar implementation: Difference between revisions
(→Create events: Remove section) |
(→Use: Major re-write) |
||
| Line 22: | Line 22: | ||
|} |
|} |
||
== |
==Edit== |
||
''To simply view the calendar (and not be able to edit the calendar), see the [[Sagamore calendar]] page.'' |
|||
===Google Calendar=== |
|||
The following instructions allow you to '''edit the Sagamore calendar''' as if it were your own (also know as "sync"ing) if you have a Google Account (not necessarily a Gmail address) and are in the [[Sagamore Hills PTA Google account#sagamorehillspta.40sagamorehillspta.org|sagamorehillspta@sagamorehillspta.org group]]. |
|||
| ⚫ | |||
# Log into [https://www.google.com/calendar Google Calendar] |
|||
===Applications=== |
|||
| ⚫ | |||
===iOS (iPhone/iPad)=== |
|||
After [[#Google_Calendar|adding the Sagamore calendar to Google Calendar]], follow the directions at, "[https://support.google.com/calendar/answer/151674 Sync Google Calendar with your iOS device]". |
|||
===Generic=== |
|||
Use the following addresses to access the Sagamore calendars from your application of choice. |
Use the following addresses to access the Sagamore calendars from your application of choice. |
||
| Line 39: | Line 46: | ||
: https://www.google.com/calendar/dav/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/events |
: https://www.google.com/calendar/dav/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/events |
||
==Website== |
|||
Use the [https://www.google.com/calendar/embedhelper?ctz=America/New_York Google Embeddable Calendar Helper]. If you want to get fancy, check out the [http://sugi.github.io/jquery-gcal-flow/ jQuery Google Calendar Flow plug-in]. |
Use the [https://www.google.com/calendar/embedhelper?ctz=America/New_York Google Embeddable Calendar Helper]. If you want to get fancy, check out the [http://sugi.github.io/jquery-gcal-flow/ jQuery Google Calendar Flow plug-in]. |
||
Revision as of 14:56, 18 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 viewable by all.
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
To simply view the calendar (and not be able to edit the calendar), see the Sagamore calendar page.
The following instructions allow you to edit the Sagamore calendar as if it were your own (also know as "sync"ing) if you have a Google Account (not necessarily a Gmail address) and are in the sagamorehillspta@sagamorehillspta.org group.
- Log into Google Calendar
- Add the Calendar ID (listed above) to the "Add a coworker's calendar" box (under "Other calenders").
iOS (iPhone/iPad)
After adding the Sagamore calendar to Google Calendar, follow the directions at, "Sync Google Calendar with your iOS device".
Generic
Use the following addresses to access the Sagamore calendars from your application of choice.
- iCalendar (ical) format
- http://www.google.com/calendar/ical/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/public/basic.ics
- CalDAV
- https://www.google.com/calendar/dav/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/user
- or
- https://www.google.com/calendar/dav/sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com/events
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_s7rl2pce7ls9c4s5qbboav4qa4%40group.calendar.google.com&color=%23182C57&src=sagamorehillspta.org_oj8q0h49li5ovc3dp8f114ngr8%40group.calendar.google.com&color=%238C500B&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.