Forums

Discuss all things Remember The Milk.

Add Google Calendar to Remember the Milk

taylor.andrew says:
The RTM widget in Google Calendar is a great way to schedule tasks around appointments, but I thought it'd be useful to pull the same trick in reverse and add a Calendar widget to my task list. I selected the Calendar iGoogle gadget, because it has the nicest mini-calendar. It's a bit of a hassle to set up but it works nicely.

You need a browser that supports adding things to pages. There are loads of options, but I use Chrome, and the "personalised web" extension so that's what the instructions are written for. (It also acts as an ad-blocker but I turned that off because it seems a bit harsh on website operators.)

To add Google Calendar to RTM using Chrome's Personalised Web extension:
• Go to Personalised Web's options page
• Create a new rule, matching the URL ^https?://(www.|)rememberthemilk.com/home/
• Paste the following into the "add javascript" box:
document.getElementById('detailsbox').innerHTML += '';
• Go to iGoogle, and if you don't already have the Calendar widget added, add it and return to iGoogle with the Calendar widget visible.
• Configure the calendar to appear how you want it to in RTM.
• Right click anywhere on the calendar and select "open frame in new tab".
• Select the URL in the address bar of the new tab, and copy it to the clipboard.
• Paste the URL into the 'add javascript' box of Personalised Web's options page, in place of the *****.
• Click "save" and refresh Remember The Milk.

The only side-effect is that the redundant 'list' tab above the list details box is hidden for some reason.
Posted at 9:53am on September 1, 2010
(closed account) says:
This sounds like a cool idea, but I must have missed a step. I've got the URL to the calendar widget and I can successfully append to the detailsbox div. However, adding a plain text URL to the detailsbox does not pull the content behind the URL. I'm not a JS expert, but something needs to be fetching the content of that URL and appending that *content* to the innerHTML of the detailsbox, no?

Did your post maybe get garbled in transmission? There are namely no ***** characters to be replaced in your code.

Let us know. I'd like to try it out.
Posted 15 years ago
taylor.andrew says:
Aha, yes. The forum replaced my &lt; with < when I hit preview so the HTML got killed. The correct javascript is:

document.getElementById('detailsbox').innerHTML += '<center><iframe src="*****" style="border: 0px; margin-top:10px" width="280px" height="500px"></iframe></center>';
Posted 15 years ago
(closed account) says:
That HTML worked for me this time. The Google Calendar in RTM looks good now. Thanks.
Posted 15 years ago
kyle.olbert says:
This is an excellent idea. RTM should add support for gadgets natively.
Posted 15 years ago
leah.shalom Power Poster says:
Taylor.Andrew,

Great idea and thanks for the code. :-)

Do you know if there is any way to add something to the JavaScript so that the ical wdget can appear above the tag cloud?

Leah
Posted 15 years ago
leah.shalom Power Poster says:
Hey RTM - I nominate this idea for the blog. :-)
Posted 15 years ago
marcbetts says:
@leah

if you change getElementById('detailsbox') to getElementById('details) it should display above the tag cloud. you may also need to adjust the height to avoid some unnecessary white space.

marc
Posted 15 years ago
leah.shalom Power Poster says:
Marc,

Thanks - worked like a charm. (I did add a close ' mark after details in case anyone else wants to do this.)

Now if only clicking the date in the iGoogle Calendar widget would enter the date into a new task :-) (Picky, picky me.)

Thanks again!
Leah
Posted 15 years ago
colleenm76 says:
Yes, code doesn't work on a PC w/ chrome- I did the same thing on my Mac and it worked perfectly....not sure why
Posted 14 years ago
Log in to post a reply.