We've updated the ServiceNow Community Code of Conduct, adding guidelines around AI usage, professionalism, and content violations. Read more

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.