Service Portal FullCalendar

[xiaix]

Just wanted to share some work I've done for those who would like to incorporate FullCalendar (FullCalendar - JavaScript Event Calendar ) into your Service Portal.

Here is what mine looks like now:

All the code is attached to this post (FullCalendar_For_ServicePortal_Helsinki.zip)

I hope someone finds it useful.

Message was edited by: David Dunn (** Updated code to fix Quick Access Event adding and coloring bug(s))

Message was edited by: David Dunn *MAJOR UPDATE*..   See my post below, on July 30, 2017

[xiaix]

Updated Client Script.js and HTML Template.html

Reasons:

1. Fixed a several bugs with how the new event popup menu would appear/disappear when certain things were clicked.
2. Added an alert if no event name was entered in the new event popup.
3. Fixed positioning of the new event popup menu and it's parent div.

[xiaix]

Updated CSS.css

Reasons:

1. Totally forgot to update this file to make event word wrapping work!  

[xiaix]

Updated Client Script.js and Server Script.js and HTML Template.html, new fields on both of the tables used.

Reasons:

1. Added new code to allow for Event Categories
2. YOU MUST ADD "Auto-number" to the u_sp_calendar table !! (or whatever you named the table that holds your events)
3. Stabalized editing events by no longer using deleteMultiple() as everything now is handled by an event ID.
4. Calendar timezone is no longer hard-coded and is now an option in the Server Script:   var calendarTimeZone = 'America/New_York';

** Please note that this is a significant update.

Also, no need to worry when you add to the main table, because the Server Script will check for this on first run and do all the work for you!

[bahonurn]

Hi. I have tried what you are describing here in Server Script to change the Time Zone

var calendarTimeZone = 'America/New_York';

Could you help me and give more details how i could change the Time Zone. And can you also inform me of the version that has this change please.

[xiaix]

You can use this instead:

var calendarTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone.toString();