Difference between revisions of "Widget:Google Calendar"

Latest revision as of 16:48, 4 February 2011

This widget enables you to add Google Calendar widget to your wiki page.

It was originally created by Sergey Chernyshev for upcoming conference calendar on TechPresentations.org

Parameters

id - is a calendar ID (including @calendar.google.com, come match user email addresses) - can be found on calendar settings page
title - new title if you want to override calendar title (optional)
height and width define calendar dimensions, 100%x600 is default (only width can be defined in %).
color - events color (hex value. e.g. 5229A3) - only color used in Google's wizard can be used.
bgcolor - background/border color (hex value. e.g. ffcc66)
weekstart - first day of the week (1-7)
lang - interface language (en, fr, ru and etc).
view - default view MONTH (default)/WEEK/AGENDA)
timezone - time zone defined as a string like "America/New_York", should be automatically detected if omitted
pvttk - This key is used to access non-public calendars. All calendars must be on a single account.
style - The style attribute to be applied to the iframe.
You can also trigger parts of the interface on and off:
- showtitle - true (default)/false - shows title
- shownav - true (default)/false - shows navigation arrows
- showdate - true (default)/false - shows date
- showtabs - true (default)/false - shows view tabs
- showcals - true (default)/false - shows a calendar list
- showprint - true (default)/false - shows a print icon
- showtz - true (default)/false - shows timezone
- border - true/false (default) - draws thin border around the widget
app - for Google Apps for Your Domain Calendars, specify the domain name for the account (http://www.google.com/calendar/hosted/yourdomain.com/render)

Sample result

Displaying 3 different calendars:

TechPresentations.org: Current and Upcoming Conferences
NYCResistor events
US Holidays

 {{#widget:Google Calendar
 |id=si8ocqn3duj6f8int3h57jm8qeunplut@import.calendar.google.com
 |color=528800
 |id=p2m2av9dhrh4n1ub7jlsc68s7o@group.calendar.google.com
 |color=2952A3
 |id=usa@holiday.calendar.google.com
 |color=B1440E
 |title=TechPresentations, NYCResistor, US Holidays
 }}

@@ Line 1: / Line 1: @@
 <noinclude>
-This widget allows you to add '''[http://www.google.com/calendar/embedhelper Google Calendar]''' widget to your wiki page.
+This widget enables you to add '''[http://www.google.com/calendar/embedhelper Google Calendar]''' widget to your wiki page.
 It was originally created by [http://www.mediawiki.org/wiki/User:Sergey_Chernyshev Sergey Chernyshev] for [http://www.techpresentations.org/Conferences#Current_.26_Upcoming_conferences upcoming conference calendar] on TechPresentations.org
+== Parameters ==
+* '''id''' - is a calendar ID (including <code>@calendar.google.com</code>, come match user email addresses) - can be found on calendar settings page
+* '''title''' - new title if you want to override calendar title (optional)
+* '''height''' and '''width''' define calendar dimensions, 100%x600 is default (only width can be defined in %).
+* '''color''' - events color (hex value. e.g. 5229A3) - only color used in [http://www.google.com/calendar/embedhelper Google's wizard] can be used.
+* '''bgcolor''' - background/border color (hex value. e.g. ffcc66)
+* '''weekstart''' - first day of the week (1-7)
+* '''lang''' - interface language (en, fr, ru and etc).
+* '''view''' - default view MONTH (default)/WEEK/AGENDA)
+* '''timezone''' - time zone defined as a string like "America/New_York", should be automatically detected if omitted
+* '''pvttk''' - This key is used to access non-public calendars.  All calendars must be on a single account.
+* '''style''' - The style attribute to be applied to the iframe.
+* You can also trigger parts of the interface on and off:
+** '''showtitle''' - true (default)/false - shows title
+** '''shownav''' - true (default)/false - shows navigation arrows
+** '''showdate''' - true (default)/false - shows date
+** '''showtabs''' - true (default)/false - shows view tabs
+** '''showcals''' - true (default)/false - shows a calendar list
+** '''showprint''' - true (default)/false - shows a print icon
+** '''showtz''' - true (default)/false - shows timezone
+** '''border''' - true/false (default) - draws thin border around the widget
+* '''app''' - for [http://www.google.com/apps/ Google Apps for Your Domain] Calendars, specify the domain name for the account (<code><nowiki>http://www.google.com/calendar/hosted/</nowiki>'''yourdomain.com'''/render</code>)
+== Sample result ==
+Displaying 3 different calendars:
+* [http://www.techpresentations.org/Conferences#Current_.26_Upcoming_conferences TechPresentations.org: Current and Upcoming Conferences]
+* [http://www.nycresistor.com/ NYCResistor events]
+* US Holidays
+ <nowiki>
+ {{#widget:Google Calendar
+ |id=si8ocqn3duj6f8int3h57jm8qeunplut@import.calendar.google.com
+ |color=528800
+ |id=p2m2av9dhrh4n1ub7jlsc68s7o@group.calendar.google.com
+ |color=2952A3
+ |id=usa@holiday.calendar.google.com
+ |color=B1440E
+ |title=TechPresentations, NYCResistor, US Holidays
+ }}</nowiki>
+{{#widget:Google Calendar
+|id=si8ocqn3duj6f8int3h57jm8qeunplut@import.calendar.google.com
+|color=528800
+|id=p2m2av9dhrh4n1ub7jlsc68s7o@group.calendar.google.com
+|color=2952A3
+|id=usa@holiday.calendar.google.com
+|color=B1440E
+|title=TechPresentations, NYCResistor, US Holidays
+}}
 </noinclude><includeonly><iframe src="http://www.google.com/calendar/<!--{if isset($app)}-->hosted/<!--{$app|escape:'urlpathinfo'}-->/<!--{/if}-->embed?<!--{if isset($title)}-->title=<!--{$title|escape:'urlpathinfo'}-->&amp;<!--{/if}--><!--{if isset($pvttk)}-->pvttk=<!--{$pvttk|escape:'urlpathinfo'}-->&amp;<!--{/if}--><!--{if is_array($id)}--><!--{foreach from=$id item=i}-->src=<!--{$i|escape:'urlpathinfo'}-->&amp;<!--{/foreach}--><!--{else}-->src=<!--{$id|escape:'urlpathinfo'}-->&amp;<!--{/if}--><!--{if is_array($color)}--><!--{foreach from=$color item=c}-->color=%23<!--{$c|escape:'urlpathinfo'}-->&amp;<!--{/foreach}--><!--{else}-->color=%23<!--{$color|escape:'urlpathinfo'}-->&amp;<!--{/if}-->height=<!--{$height|escape:'urlpathinfo'|default:600}-->&amp;showTitle=<!--{if isset($showtitle) and not $showtitle}-->0<!--{else}-->1<!--{/if}-->&amp;showNav=<!--{if isset($shownav) and not $shownav}-->0<!--{else}-->1<!--{/if}-->&amp;showDate=<!--{if isset($showdate) and not $showdate}-->0<!--{else}-->1<!--{/if}-->&amp;showTabs=<!--{if isset($showtabs) and not $showtabs}-->0<!--{else}-->1<!--{/if}-->&amp;showCalendars=<!--{if isset($showcals) and not $showcals}-->0<!--{else}-->1<!--{/if}-->&amp;showPrint=<!--{if isset($showprint) and not $showprint}-->0<!--{else}-->1<!--{/if}-->&amp;showTz=<!--{if isset($showtz) and not $showtz}-->0<!--{else}-->1<!--{/if}-->&amp;wkst=<!--{$weekstart|escape:'urlpathinfo'|default:1}-->&amp;hl=<!--{$lang|escape:'urlpathinfo'|default:en}-->&amp;mode=<!--{$view|escape:'urlpathinfo'|default:MONTH}-->&amp;<!--{if isset($timezone)}-->ctz=<!--{$timezone|escape:'urlpathinfo'}-->&amp;<!--{/if}--><!--{if isset($bgcolor)}-->bgcolor=%23<!--{$bgcolor|escape:'urlpathinfo'}--><!--{/if}-->" width="<!--{$width|escape:'html'|default:'100%'}-->" height="<!--{$height|escape:'html'|default:600}-->" frameborder="0" scrolling="no"<!--{if isset($border)}--> style="border: solid 1px #777"<!--{/if}--><!--{if isset($style)}--> style="<!--{$style|escape:'html'}-->"<!--{/if}-->></iframe></includeonly>

Difference between revisions of "Widget:Google Calendar"

Latest revision as of 16:48, 4 February 2011

Parameters

Sample result

Navigation menu

Search