Google-calendar – Google Calendar: How to show or hide multiple calendars with one click

google-calendar

I use Google Calendar at work and I have access to lots of my coworkers' calendars which makes the view pretty messy, so I mostly keep them hidden. Is there a way (maybe with some plugin or extension) to show and hide all these calendars with one click?

Best Answer

I realize that you are specifically asking for one click, still I'd like to offer a (mostly) three click solution as likely helpful as well (for anyone not aware of it already at least ;)

Within the left sidebar, under Other calendars, click Settings.
Within the second column, under SHOW IN LIST, click all/none as appropriate.
At the bottom left, click Back to calendar.

Obviously, depending on your calendar distribution between the upper and lower section, you might need to click all/none another time in the other section as well eventually.

In case this really doesn't serve your needs, it should indeed be possible to extend Google calendar via the Calendar APIs and Tools (the calendar class has a hidden property) and/or a Calendar Sidebar Gadget - I'm not aware of an existing solution offering the desired functionality, so you'll need to roll your own in case.

Related Solutions

Google-calendar – Sync Outlook Calendar with Sharepoint Calendar and Google Calendar

Admittedly I don't know anything about Sharepoint, so I don't know if any of these solutions will incorporate that. But there are a lot of ways to sync Google with Outlook.

Google/Outlook Sync

Sync2

Google Calendar Sync

Lifehacker's Guide to syncing Google Calendar with any desktop app

Google-calendar – How to allow toggling of different calendars within an embedded Google Calendar

You could do something like this:

<html>
<body>

<a href="#" onMouseDown="changeToCal1()">Calendar 1</a> 
<a href="#" onMouseDown="changeToCal2()">Calendar 2</a> 

<iframe id="cal" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

<script type="text/javascript">
function changeToCal1()
{
    document.getElementById('cal').src = "http://www.google.com/calendar/embed?src=mycal1url%40gmail.com&ctz=America/New_York";
}

function changeToCal2()
{
    document.getElementById('cal').src = "http://www.google.com/calendar/embed?src=mycal2url&ctz=America/New_York";
}
</script>


</body>
</html>

Clicking the links will change the source of the iframe, so you could just create links for a few of your calendars, using the Google Calendar embedded links as the src value.

Best Answer

Related Solutions

Google-calendar – Sync Outlook Calendar with Sharepoint Calendar and Google Calendar

Google-calendar – How to allow toggling of different calendars within an embedded Google Calendar

Related Topic