I am using FullCalendar library to load events in my calendar from Google Calendars.
Unfortunately after events have been added to the calendar, they are clickable. When you click on the event you are automatically redirected to the Google Calendars page to view that specific event, or if you have enaught access rights – to directly edit it.
While this is very useful for event management, I cannot imagine why a site visitor would like to be redirected to an external page every time he clicks on event in a calendar.
Is there a way to disable “open on click” in the FullCalendar, overwriting link opening to an empty javascript function call could also be an option.
Might be worth trying your own event renderer in the fullcalendar options:
To do this, you will need to write all of the rendering code yourself – can start with the original implementation and tweak as needed.
Have not tried this wih a google calendar implementation, but have used it with custom json to turn on or off href as needed.
Alternatively, you could:
Hack the gcal.js file to make it not set the href property on the event objects.
Or
Intercept the event data before rendering, and remove the href property.
Edit file gcal.js
Delete line:
url: url,
I edited the
fullcalendar.fullcalendar.js
file insites/all/modules/fullcalendar
and commented out the lines 12 to 17 like :
This worked for me
Adding a solution that works with FullCalendar v3 as of today (Aug 2018).
To prevent
eventClick
from redirecting to theurl
specified inevents
, just use.preventDefault()
like:Old question, but here’s how I “fixed” it.
This will most likely prevent you from implementing other click behaviors, like opening a form to edit an event when you click it.
If you added a
className
to your Google Calendar events you might want to do it like thisThat might work…
The documentation on the FullCalendar website refers to the callback function ‘eventClick’:
http://arshaw.com/fullcalendar/docs/mouse/eventClick/
If the url property is set on the Event Object, then returning false prevents the browser from visiting the event url. So, when you intialise FullCalendar add the eventClick callback function with something along the lines of…
I found those solutions not to work anoymore with v5.5.1.
Another option is to override the url with a blank with eventDataTransform: