Archive
Monthly
Go
|
|
DNN Blog
Sep
25
Posted by:
Vitaly Kozadayev
9/25/2008 10:48 AM
Google has an excellent simple tool - it creates an HTML code to be inserted into a website to display Google Calendar of choice. Not only that, but it lets you customize the look and options.
In order to use DNN IFrame module, you will need to take the following steps:
1. Place http://www.google.com/calendar/embed into Location box
2. Add every single parameter (all the pairs of name/value past question mark in the url) as Static QueryString parameters
3. Some URL encoded values will need to be replaced - I found the following:
%2F - replace with /
%20 - replace with space
%23 - replace with #
%40 - replace with @
You can see an example of this at http://dnniframe.com/iframe-samples/embed-google-calendar.aspx
11 comment(s) so far...
Re: Embedding Google Calendar with IFrame module
Wow that is really nice.
By AdefWebserver on
9/25/2008 1:59 PM
|
Re: Embedding Google Calendar with IFrame module
I found that trick a while back too, was thrilled.
By mikecox on
9/25/2008 6:44 PM
|
Re: Embedding Google Calendar with IFrame module
I have to try it, I didn't try iFrame module yet, but it seems that it can help in many ways if it can do this with google calendar. Nice hint for me. Thanks
By xavio on
10/11/2008 7:02 PM
|
Re: Embedding Google Calendar with IFrame module
Hi, I'm embedding the code below in my iframe module and still not geeting the right results. What I'm I doing wrong? Thanks
http://www.google.com/calendar/embed?title=Calendar of Industry Events&showDate=0&showPrint=0&showCalendars=0&showTz=0&mode=AGENDA&height=400&wkst=1&bgcolor=#33cc00&src=ethanolplug@gmail.com&color=#2952A3&ctz=America/Los_Angeles" style=" border-width:0 " width="300" height="400" frameborder="0" scrolling="no"
By momohpaul on
10/17/2008 12:38 AM
|
Re: Embedding Google Calendar with IFrame module
@momohpaul your bgcolor parameter is not encoded - you can't pass # to google, it has to be encoded as %23. So, make sure you have all the parameters added as static parameters - not row url. IFrame will take care of the encoding, then.
By vitkoz on
10/17/2008 12:46 AM
|
Re: Embedding Google Calendar with IFrame module
Thanks vitkoz for the tip. Another problem has come to bare. when i inset the code in my page, i see the calendar but i get this message at the top: "Events from one or more calendars could not be shown here because you do not have the permission to view them."
Non of the events I enter thru my gmail account shows on the calendar on my site. what to do?
By momohpaul on
10/18/2008 7:27 PM
|
Re: Embedding Google Calendar with IFrame module
You have to make sure that the calendar is made available without a login. But that is somewhere in the account settings, I think. Check the Google API page for that.
By vitkoz on
10/18/2008 7:29 PM
|
Re: Embedding Google Calendar with IFrame module
I was successfully able to display the primary Google calendar with the simple HTML provided by Google. However, when I went to enter the code to display multiple calendars, I could not get it to work. Any recommendations?
Here is the full code from Google to display 2 calendars with different color codes:
www.google.com/calendar/embed?title=LIFE%20TEEN%20Youth%20Ministry%20-%20Piqua%2C%20OH&height=600&wkst=1&bgcolor=%23ffffff&src=lifeteenpiqua%40gmail.com&color=%23B1440E&src=m8m072q58paqo3t0bi1ncmp4j4%40group.calendar.google.com&color=%2329527A&ctz=America%2FNew_York" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"
By Jon Hebert on
12/15/2008 7:16 PM
|
Re: Embedding Google Calendar with IFrame module
@Jon Hebert
I believe I was able to have it to work by making sure and adding all the parameters in exact same order they are in the google-provided code. Note - these parameters all have the same name (src, color, etc.) for every calendar. So, google needs to receive them in that very order to properly display the calendars.
By Vitaly Kozadayev on
12/15/2008 7:20 PM
|
Re: Embedding Google Calendar with IFrame module
I tried your recommendation and added each individual parameter in order as a static querystring parameter follows:
Location:
www.google.com/calendar/embed
Static Parameters:
title=LIFE%20TEEN%20Event%20Calendar%20-%20Piqua%2C%20OH
height=600
wkst=1
bgcolor=%23FFFFFF
src=m8m072q58paqo3t0bi1ncmp4j4%40group.calendar.google.com
color=%2329527A
src=lifeteenpiqua%40gmail.com
color=%23BE6D00
ctz=America%2FNew_York
Only blank google calendar appeared. Neither of the other calendars displayed. I did find that when I entered the src for the first calendar in the "Location" box behind the question mark of the embed URL, it displayed perfectly. Then I tried replacing the %XX with their equivalent. Still nothing.
Then I tried to enter the ? and src for one calendar after the URL in "Location". Each calendar displayed individually. Then I tried placing the src's back to back separated by "&", but as you predicted, only the first "src" displayed a calendar.
I do have a basic understanding of HTML, but I'm not sure how to integrate it with your module and get a result for a more complicated string. Anymore suggestions?
Again, here is the HTML Generated by Google to display a calendar in :
www.google.com/calendar/embed?title=LIFE%20TEEN%20Event%20Calendar%20-%20Piqua%2C%20OH&height=600&wkst=1&bgcolor=%23FFFFFF&src=m8m072q58paqo3t0bi1ncmp4j4%40group.calendar.google.com&color=%2329527A&src=lifeteenpiqua%40gmail.com&color=%23BE6D00&ctz=America%2FNew_York" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"
By Jon Hebert on
12/17/2008 11:03 AM
|
Re: Embedding Google Calendar with IFrame module
This is great info, but I'm having one problem. My google calendar ID is 54tmqr2o17nd0q8phbl3k8osf8@group.calendar.google.com and the "om" gets cut off when I use the query parameters so it just displays as 54tmqr2o17nd0q8phbl3k8osf8@group.calendar.google.c. Which of course, throws an error from Google as an invalid calendar. Any way around this?
By hypermommy on
1/10/2009 11:57 PM
|
|