CiviCRM Events Calender, with jquery Plugin

By: admin

10 Dec 2010

 

 

Here is a simple way to display all your CiviCRM Events in a calender without using Drupal Views module or in Joomla. This uses the jquery plugin fullcalendar

You will need to apply below patch for your civicrm files and add few new files. thats it smiley

Below are the steps :

1. download and apply the below patch. (fullcalendar.patch)

2. download the atatched file calendar.php_.txt (rename it to calendar.php ) and calendar.tpl and upload to civicrm/templates/CRM/Event/Page/Calendar.tpl , civicrm/CRM/Event/Page/Calendar.php respectively.

3. download and extract the fullcalendar to  jquery plugin to civicrm/packages/jquery/plugins/ thats it!! you are done

4. Rebuild the CiviCRM menus by going to www.sitename.com/civicrm/menu/rebuild&reset=1 (for drupal)

5.To view the calendar got to www.sitename.com/civicrm/events/calendar&reset=1

You can apply css and change the look of calendar as per your needs. :)

8 Responses to CiviCRM Events Calender, with jquery Plugin

Kurund Jalmi (not verified)

Saturday, December 11, 2010 - 18:24   reply 

Nice work :)

admin's picture

admin

Wednesday, December 15, 2010 - 10:10   reply 

Thanks sir :)

Pradip (not verified)

Thursday, December 16, 2010 - 16:18   reply 

Thanks a lot Rahul..
I referred your blog and it helped me in ma project...

Would be reading your blogs further.

Hope you keep on ugrading new ideas..

Thanks :-)

Ace (not verified)

Friday, August 5, 2011 - 10:38   reply 

Thanks for contributing this. I've followed your tutorial and yet when I go to the page civicrm/events/calensdar&reset=1 on my site, I see a header called Events Calendar but there is no content. I have CiviCRM 3.4 /Drupal 6.22 site. I am using Jquery 1.8.11 also. Do you have any advice?

admin's picture

admin

Monday, August 8, 2011 - 17:15   reply 

Can u confirm if the calender plugin JS files are loaded properly on page ???
Also if the values are coming in Calendar.php ???

Kerry (not verified)

Wednesday, August 24, 2011 - 21:24   reply 

Hi there. Tried your patch and the changes and what I am getting is the header for the page of Events calendar and then it's outputting assign( 'eventsInfo', $events ); } function run( ) } ?>

That's all I get. I am also running the same as the other person with 6.22 and Civicrm 3.4 Any help would be great! Thank you in advance!

admin's picture

admin

Tuesday, August 30, 2011 - 14:50   reply 

Cannot think of what more may be going wrong :( , you can get in touch with me by email with your code changes if any.

admin's picture

admin

Tuesday, September 13, 2011 - 12:52   reply 

Just looked into the code yesterday and found that the code is working fine with Full Calender version 1.4.2. which can be downloaded here http://arshaw.com/fullcalendar/downloads/fullcalendar-1.4.3.zip

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

2 + 6 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.

php.png    firefox.png    open_source.png    ubuntu.png    drupal.png    civicrm.png     jquery

About the Author

admin's picture

About Me

I am : Open source developer.

I love : Drupal & CiviCRM !!

Work : Consultant @ Capgemini

Recent comments

Follow Me

flickr.png    yahoo.png    facebook.png    twitter.png

google.png    youtube.png    wordpress.png   

       wordpress.png

Ohloh profile for rahulbile

User login