Groups keyboard shortcuts have been updated
Dismiss
See shortcuts

Equal height columns with restylegc, dojo, and Google Calendar

33 views
Skip to first unread message

Katie Haich

unread,
Apr 9, 2011, 8:14:18 PM4/9/11
to RESTYLEgc
Hi all,

I'm a designer and newbie to restylegc, so my apologies for having
little idea what I'm doing! I am trying to create a page with a left
column containing a variable amount of text and a right column
containing a Google calendar in agenda view. What I would like to do
is make it possible for the calendar to expand/contract with the text
so that the two columns are always the same height. I've been working
with dojo to manipulate the Google calendar DOM, but I haven't had any
luck. I will also be using restylegc to modify the CSS; that I'm
relatively comfortable with.

So far, I've tried using dojo.query, dojo.create, and dojo.attr in the
retylegc.pho document to edit the existing nodes but I have been
unable to even get the changes to appear (i.e., if I try to add a div,
it doesn't show up in the HTML). I'm wondering if I'm even starting in
the right place.

If anyone has done this before, or has any suggestions, I would
greatly appreciate the help. Let me know if it would be useful to see
my HTML or the HTML for the Google calendar.

Thanks!

Brian Gibson

unread,
Apr 13, 2011, 5:19:33 PM4/13/11
to RESTYLEgc
1) Download the latest version of RESTYLEgc. It uses jQuery instead
of Dojo.

2) The calendar already stretches to 100% height of its container,
namely the iframe. Skip the JavaScript and try setting the iframe
height to 100% of its container with a combination of the height
attribute and CSS.

Katie Haich

unread,
Apr 13, 2011, 6:21:11 PM4/13/11
to RESTYLEgc
Thanks Brian! I've kind of moved this item to the bottom of my to do
list, but as soon as I get a chance to try it again, I'll let you know
how it goes.
Reply all
Reply to author
Forward
0 new messages