73.1 °F

Hum: 25% Dew: 35.2 °F
Baro: 1019.27 hPa
Wind: ENE @ 2.4 mph
Rain: No Rain Today
Data Updated: 14:10
TNET Weather Station - Mesa, AZ USA
Home   Forecasts   Graphs   Radar   Trends   Webcams   Weather Links   Archives   PROJECTS & SCRIPTS   About Us
TNET Weather Based Projects and Scripts > Reference Information > Cumulus Wiki Weather Project > Google iCal Setup

Google iCal Setup


Instructions on how to setup a Google Calendar iCal link to one or more Event Calendars. Note that the BW GooogleiCAL plugin is already installed and active in the TNET Cumulus Wiki Template and ready to use.

It is assumed that you already have a Gmail account and can access the Calendar section using your Gmail account login.

Create a Calendar in Google Calendar


Enter Google calendar and either create an original calendar, or create a new one:

Select which calendar to use


You can have many, so either select the primary one you created or a new one setup for this purpose.

Click on the iCAL button


After you pick the calendar you want, you will be shown a display that near the bottom with have:

You can use either the calendar ICAL or the private ICAL button as they will provide the same info..

Copy the URL that is provided


When you click on the ICAL button, a window will popup with a URL for you to use. Using your mouse, highlight the full URL path and select copy.

Edit the Event Page and Paste URL


In the Wiki, go to the Event page you want to use.

Edit the Events page and paste the URL you copied from the ICAL popup window into the function that should look something like:

[(googleicalc tz="US/Arizona" url="PASTE URL HERE")]

Change the timezone indicator


In the function, change the timezone indicator in that link to your own timezone. This might not be necessary if the webserver you are using is set to the correct timezone for your site. If your site is located in a different timezone from what the webserver is using, you will need to use this to get the calendar times to display correctly.

You can see what valid timezones you can use are on this PHP Timezone Support Page

Display Of Calendar


If you entered in the correct ICAL URL, the entries on your Google Calendar will now show when you save the page.

You can adjust the look and feel of the output with changes to the CSS on the style page for the section the calendar is located in.

The following sections are used:

#calendar {
    font-family: arial;
    font-size: 102%;
}

#calendar h1 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 110%;
    font-weight: bold;
    color: #052A51;
}

#calendar h2 {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    color: #051A64;
    font-size: 90%;
}

#calendar h3 {
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    color: #051A64;
    font-size: 90%;
    line-height: 1em;
}

#calendar .desc {
    margin: 10px 0px 0px 20px;
    padding: 5px 5px 5px 5px;
    font-size: 90%;
    line-height: 1.3em;
    border: 2px dashed #B9D1F0;
}

#calendar .space {
    margin-bottom: 15px;
}


Copyright © 2018 TNET Systems Inc. - All rights reserved. Weather Collection for this website is done via Cumulus 1.9.4 build #1093 and Weather Display
Boltwire Cumulus Plugin by TNET using Boltwire v3.4.16 Hosting by TNET
Protens Server - IP: 54.227.6.156 [ec2-54-227-6-156.compute-1.amazonaws.com] - Views #17