Joomla Tutorials

Showing a Google Calendar Inside Joomla

April 23, 2010 | Written by Ed Andrea

This tutorial will show you how to display a Google Calendar inside your Joomla website.

Go to Your Google Calendar

tutuploadsmedia_1272046789496.png

Go https://www.google.com/calendar, login and and click "Settings" in the top-right corner.

Find the Calendar ID

tutuploadsmedia_1272046955739.png

Click on "Calendars" and then click on the name of your calendar. Scroll down to "Calendar Address" and copy the "Calendar ID" to your notepad. It will have a long string of characters and then @group.calendar.google.com

Make the Calendar Public

tutuploadsmedia_1272047075763.png

Click "Share This Calendar", check the box next to "Make this calendar public" and click "Save".

Download the GCalendar Component

tutuploadsmedia_1272044364223.png

Now that you have your Google Calendar set up correctly, we're going to install the necessary Joomla component. Visit http://g4j.laoneo.net to download the GCalendar component

Extract the GCalendar Folder

tutuploadsmedia_1272044636422.png

Click on the GCalendar folder and extract it so you can see the various extensions inside.

Install GCalendar

tutuploadsmedia_1272044447710.png

Go to Extensions >> Install/Uninstall and click "Browse" to upload com_gcalendar

Go to the GCalendar Component

tutuploadsmedia_1272045144592.png

Go to Components >> GCalendar >> GCalendars

Creating a New Calendar

tutuploadsmedia_1272046386573.png

Click "New" in the top-right corner. You'll see three fields. You only need to give the calendar a title and enter the "Calendar ID" you found and saved earlier. Click "Save"

Make a Menu Link to the Calendar

tutuploadsmedia_1272045038607.png

Go to Menus >> Main Menu >> click "New" >> choose "GCalendar"

Choose the Calendar

tutuploadsmedia_1272046474164.png

Choose the calendar you created and click "Save".

Your Calendar Should Be Ready ...

tutuploadsmedia_1272046596590.png


 

 


To sign up for complete classes and support

 

Comments 

 
# Alex 2011-07-11 17:20
Nice write-up, thank you!
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-07-13 00:34
You're welcome, Alex! :)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Naomiff 2012-01-16 22:10
Hello, I have installed GCalendar onto my Joomla 1.5 website and it does not display on the page. It just appears to be loading but never completes. Here is the URL: http://www.fairlandfarms.com/index.php?option=com_gcalendar&view=gcalendar&Itemid=78

Any help to resolve this would be greatly appreciated.

Thank you
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-01-17 00:01
Hi Naomiff,

Looks like it's a Javascript conflict. I would try switching templates for the page to see if it works. If it doesn't after switching templates, then you know it's a conflicting plugin. You would then have to disable any 3rd party plugins that contain Javascript one by one to find out which is the conflicting one.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# OBXwebdesigner 2011-07-21 16:46
Great tutorial!

Could you tell me how to keep the "Calendar List" open when the user loads the page. The blue down arrow on the calendar - I'd like it to be open on load and personally just stay open and on if I can.

Did some google searching trying to tack down the problem with no luck. If you know how to keep it open on load I'd appreciate it. Thanks again and great tutorial. :-)
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-15 17:02
Sorry for the delay in responding. If you have any support questions, feel free to ask in the support forum where we answer everything within a day. It's tough keeping track of all the blog comments as we have hundreds of blog posts.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Eduardo Tito 2011-08-15 16:22
guys just a questions, is there any way to change the days order? I mean is starting on monday but I want this to start on sunday, any suggestions?
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-15 17:11
Hi and welcome, Eduardo!

Go to your menu item parameters and there you should find the "start week on day" parameter, which you can change to Sunday.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Eduardo 2011-08-15 17:32
thank you very much, the answer was so useful, now i can see how powerfull is this component.
Kind Regards ^^
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-09-11 15:30
You're welcome, Eduardo! :)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# baz 2011-09-11 07:27
Hi,
Thank you very much for this guide. When I install the component and try to access it I receive the following error.


Fatal error: Call to a member function getUserStateFro mRequest() on a non-object in /home/www/htdocs/medic/surgicalsociety /administrator/components/com_gcalendar/models/gcalendars.php on line 59

Do you know what the problem is and how i can fix it.

Thank you very much
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-09-11 15:37
Hi and welcome, baz!

Try importing your google calendars using the import in the top right of the component.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Baz 2011-09-11 17:33
Dear Nick
Thanks for the reply
The problem is that I can't access the component. I get the error message once I try to access the component. And it appears on white screen with none of the joomla interface present.

Do you have any ideas?

Thank
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-09-12 15:00
Hi Baz,

You're welcome! What Joomla version do you currently have installed? What php version is running on the server?

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# pit 2011-09-29 04:55
Hi,
I have exactely the same problem.

I am building a site with joomla 1.7
I run php 5.2.17 on the web server

I tried versions 2.2.6, 2.2.7 and 2.2.8 of the component and got the same error message

any help would be appreciated, thank you
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-09-29 16:24
Hi Pit,

Please try their 2.3 version.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# pit 2011-09-30 09:09
Thank you very much,
it seems to work !
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-10-09 15:08
You're welcome, Pit! :)
Reply | Reply with quote | Quote
 
 
# Student 2011-10-09 02:53
I've already successfully installed this gcalendar in the Joomla 1.7. The problem is I don't find any edit event button on the calendar. I want to edit and manage the events, is there any way for me to do that?

Tq.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-10-09 15:09
Hi and welcome, Tq!

Sorry for the inconvenience, but if you're a student at OSTraining, could you copy and paste this into the support forum so one of our support techs can look into it for you? All you have to do is log in at www.ostraining.com and click on Support Forum in the main menu.

Please see the support FAQ for more information:
http://www.ostraining.com/support-faq/

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# gcakevin 2011-11-03 07:22
Hello,
I am using Joomla 1.7 with Gcalendar and I love it. However, I noticed that on the GCalendar Overview module an All-Day Event shows up on 2 days instead of just the 1 day it is scheduled for. Example, Picture Day is scheduled for Friday, 11/4, but the overview calendar module has the event showing on Thursday and Friday. But, when you click on Thursday it is not on the days events.

Can you help?? Thanks.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-11-03 16:03
Hi and welcome, gcakevin!

Sorry for the inconvenience, but if you're a student at OSTraining, could you copy and paste this into the support forum so one of our support techs can look into it for you? All you have to do is log in at www.ostraining.com and click on Support Forum in the main menu.

Please see the support FAQ for more information:
http://www.ostraining.com/support-faq/

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Laoneo 2011-11-10 14:21
Nice tutorial, we from the g4j.laoneo.net project say thank you.
Reply | Reply with quote | Quote
 
 
# steve 2011-11-10 15:48
You're welcome Laoneo ... we know lots of people for whom this extension has been a big help!
Reply | Reply with quote | Quote
 
 
# Ani 2011-11-16 18:07
hello I installed gcalendar 2.3 in joomla 1.7, php 5.2 and I did it in the same way u did, but the calendar shows only the 'spinning wheel' of Google.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-11-17 00:42
Hi Ani,

It's likely a javascript conflict. Can we get a link to your site to take a quick look?

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Ani 2011-11-17 06:44
of course

http://dancechallenge.co.uk/joomla/index.php/about

thank you
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-11-20 16:54
Hi Ani,

Sorry but I'm not seeing a calendar on the page or any other pages on your site. Could you send the link to the page with the calendar on it?

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Ani 2011-11-17 12:58
http://dancechallenge.co.uk/joomla/index.php/about

Thank You
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-11-20 16:54
Hi Ani,

Sorry but I'm not seeing a calendar on the page or any other pages on your site. Could you send the link to the page with the calendar on it?

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Marcin 2011-12-26 08:32
Hello iowawebco ,

I've got the same problem: I did it in the same way you did, but the calendar shows only the spinning wheel....

http://pitlane24.pl/index.php/kanaly-tv

Could u help me ?
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-12-27 10:38
Hi Marcin,

Looks like it's a Javascript conflict. I would try switching templates for the page to see if it works. If it doesn't after switching templates, then you know it's a conflicting plugin. You would then have to disable plugins that contain Javascript one by one to find out which is the conflicting one.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Wayne 2011-12-28 12:26
FANTASTIC Thanks!
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-01-12 00:53
You're welcome, Wayne! There's a lot more available to students if you're interested: www.ostraining.com/online
Reply | Reply with quote | Quote
 
 
# jllee 2012-01-16 00:04
Thank you for the clear and concise tutorial. You mentioned earlier in the tutorial, we have to make the Calendar Public. I’m just wondering if we could embed a calendar that is shared specifically with a target group of people, say my colleagues who are all on Google mail but with a school specific domain (like, school.moe.sg).

It seems that I could share my calendar by typing their email address in my Google Calendar setting. But I would like to embed this calendar in a section of my website open to registered users. Could you please advise on how this could be done?

Thanks a lot and looking forward to your advice!
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-01-16 10:45
Hi jllee,

You're welcome! Yes, you can type their email email addresses in your Google Calendar settings. The only thing that would show to the public is "Free" or "Busy", but the rest of the details would only be shown to those with the email access.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Steve W 2012-01-27 14:18
I have linked to my calendar and it shows the calendar OK but will not display any events within the calendar
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-02-01 00:52
Hi and welcome, Steve!

We would love to help you out with this, however it would require some addition information to narrow down the issue. If you are a student at OSTraining.com, please log into the support forum (http://www.ostraining.com/support-forum/) and post the issue in there, so that one of our support techs can look into it for you. If you’re not a student, I hope you’ll consider becoming one, so that we can give you the attention you deserve. You can find out more about our online class at www.ostraining.com/online

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# emily 2012-02-07 14:22
Hi there, i have gcalendar set into a joomla website and i would like to only show the dates of March 23-25. Is this possible to set as a custom option, and if so, where is the control for this? Thank you!

http://www.floridaherbalconference.org/index.php?option=com_gcalendar&view=gcalendar&Itemid=183#year=2012&month=3&day=22&view=agendaWeek
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-02-07 21:09
Hi and welcome, Emily!

As far as I am aware, that's not a feature of gCalendar.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Mica 2012-02-08 12:29
hi, i have already disable all plugins, but the ggcalendar continues to load... i have change the template, but happens the same...

Solution?
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-02-08 17:57
Hi and welcome, Mica!

We would love to help you out with this, however it would require some addition information to narrow down the issue. If you are a student at OSTraining.com, please log into the support forum (http://www.ostraining.com/support-forum/) and post the question in there, so that one of our support techs can look into it for you. If you’re not a student, I hope you’ll consider becoming one, so that we can give you the attention you deserve. You can find out more about our online class at www.ostraining.com/online

Kind regards,
Nick
Reply | Reply with quote | Quote
 

Add comment