Service Portal FullCalendar

xiaix
Tera Guru

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:

find_real_file.png

find_real_file.png

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

79 REPLIES 79

xiaix
Tera Guru

Just updated the code to fix a major (and multiple minor) bugs dealing with the Quick Access Event adder and color changer.


Changing colors on newly added Quick Access Events is still a little wonky? but the colors do stay and everything appears fine on a page refresh.


It's complete safe to use though and I'll be working on it over the next few days.   I'll re-post when completed.   Until then, the code works just fine.


xiaix
Tera Guru

Updated code again to add more functionality and fix a few minor bugs.   Also added a role to determine who's allowed to edit the calendar.


xiaix
Tera Guru

Updated code that finally fixes the issue of needing to do a page refresh when/if you changed the color of a Quick-Access event.


Also fixed a few minor issues with certain edit buttons being available when not necessary.


Added a zoom feature when you click on the calendar title.



BTW... when I mention "updated code", I'm referring to the four (4) files


  1. Client Script.js
  2. CSS.css
  3. HTML Template.html
  4. Server Script.js


located in the FullCalendar_For_ServicePortal_Helsinki\Widget folder of the attached file.


xiaix
Tera Guru

Updated Client Script.js


Reasons:


  1. Made interactiveness and editability much more responsive.
  2. Resolved issue where you could not drag quick-access event to calendar in edit mode after adding, removing, or changing color of quick access event.