Restyle Google Calendar
Thursday, February 8th, 2007Link: LindenLan.net
The coolest part about Google Calendar is that you can embed it in your web page using an iframe which Google provides a handy-dandy configurator to generate the HTML. The worst part about Google Calendar is that you embed it in your web page using an iframe.
An iframe is truly a page within a page from the start html tag down to the end html tag. Therefore it has it’s own separate scope which means you can’t inherit styles from the parent page. If my company’s web site had a cerulean blue theme, then I wouldn’t really care. Unfortunately, the web site is colored various shades of green. Clash-o-matic.
What’s the solution? Use an intermediary script to request the calendar document and then replace the stylesheet link with a link to my own stylesheet. Voila!
-script by Brian Gibson


