Joomla Tutorials and Blog Posts
Showing a Google Calendar Inside Joomla

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  

 
#1 Alex 2011-07-11 17:20
Nice write-up, thank you!
 
 
#2 iowawebco 2011-07-13 00:34
You're welcome, Alex! :)

Kind regards,
Nick
 
 
#3 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. :-)
 
 
#4 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?
 
 
#5 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
 
 
#6 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
 
 
#7 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 ^^
 
 
#8 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
 

Add comment


 


To sign up for complete classes and support