Google Calendar Synchronization

Question

Hi, I would like to give users of my application the ability to synchronize their google calendar with the scheduler component.

I saw the example on your site but it expects the calendarid and publickey in the code. How could they be made dynamic?

Thanks a lot.

Balasubramanian Sattanathan · Accepted Answer

Hi Marco, 

Greetings from Syncfusion Support. 

We have validated your requirement at our end and suspect that your need is to change the events dynamically from different google calendars. We have prepared a sample based on that by making use of the below code snippet. And also suggest you to refer the below links to get calendarId and public key based on your google calendar at your end.  

To generate public key: https://docs.simplecalendar.io/google-api-key/ 
To get calendar ID: https://help.crystalcommerce.com/en/articles/1389811-how-to-find-your-google-calendar-id 





document.getElementById('btn1').onclick = function () { 
    var scheduleObj = document.getElementById('schedule').ej2_instances[0]; 
    var calendarId2 = "o58612qq7b531g1uhoepsj5udo@group.calendar.google.com"; 
    var publicKey = "AIzaSyDWdn31NqttilWPnyfzqfNQhSVIxoVxQhw"; 
    var dataManager = new ej.data.DataManager({ 
        url: 'https://www.googleapis.com/calendar/v3/calendars/' + calendarId2 + '/events?key=' + publicKey, 
        adaptor: new ej.data.WebApiAdaptor(), 
        crossDomain: true 
    }); 
    scheduleObj.eventSettings.dataSource = dataManager; 
}; 

UG: https://ej2.syncfusion.com/aspnetmvc/documentation/schedule/data-binding/#configuring-scheduler-with-google-api-service 
Sample: https://www.syncfusion.com/downloads/support/forum/162647/ze/mvc_schedule_google_integration2101785877.zip 

Kindly try the above solution and let us know if you need further assistance. 

Regards, 
Balasubramanian S