Service Portal FullCalendar

xiaix
Tera Guru

‎05-20-2017 12:53 AM

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

ServicePortal_Calendar_v1.5.1.zip
104 KB
95 KB
106 KB
  • 11,943 Views
79 REPLIES 79

xiaix
Tera Guru
In response to Dennis R

‎08-07-2017 04:17 AM

Thank you for this.   As this calendar has grown, I'm seeing less of a need for the recordWatch() utility to be used here.   Thank you though for the explanation as it's been puzzling me for a while.   I'm not a jQuery guy, so I would have never guessed.


0 Helpfuls

xiaix
Tera Guru

‎08-16-2017 06:46 AM

Pleased to announce that version 1.5.0 is released!



This new version brings major changes to tables and code.   The nice part is no existing data destruction!   All of your current calendar events will remain intact.



Major new feature:... Only 1 calendar widget/page is needed!   No more creating multiple widgets/pages for each calendar!


find_real_file.png



There have also been CSS/style enhancements, as well as various minor bug fixes.



You can now also choose Users (sys_user) as events!


find_real_file.pngfind_real_file.png



I am currently building documentation on how to implement and manage this calendar system.   Stay tuned!


16 KB
6 KB
29 KB
0 Helpfuls

xiaix
Tera Guru
In response to xiaix

‎08-16-2017 07:57 AM

Updated to v1.5.1


Updated Client Script.js


Reasons:


  1. If a previous new event was a user, then when another new event is started, it retains old user info.   This has been fixed.
0 Helpfuls

walshy
Giga Expert
In response to xiaix

‎10-17-2018 09:21 PM

Hi David,

Sorry to crash in on your wonderful work, but I am having issues attempting to get the calendar widget to find the table to show data. 

I can get the calendar selector to work, but for some reason the sp_calendar either isn't picking up the info from the calendar selector or isn't picking up the info from the table directly? 

My calendar widget cannot find the u_sp_calendar table I have created

This pops up when I am in the portal page editor. 

All the calendar tables are global and the widgets were made globally, I cannot think of why the calendar widget cannot talk to the u_sp_calendar table, it has the auto number on it as it should too. 

I am making the assumption it is the calendar widget that cannot find the table, unless I am reading the code wrong? 

Here is the error I am getting

This occurs when loading the calendar page, as I have both the selector and calendar widget on the same page. If I click a calendar I then end up at the 404 page, because the calendar widget has no table (at least that is how I am understanding this). 

Any tips would be appreciated. 

Great work too David!

Cam.

 

 

66 KB
0 Helpfuls

xiaix
Tera Guru
In response to walshy

‎10-18-2018 04:39 AM

When you're at your calendar selection page, and then you choose (click) a calendar, the page should refresh with something like this at the end of the new url:  &sysparm_calID=6

Here's mine for example:

  • https://mysupersecretdomain.service-now.com/sp?id=snsp_cal_-_calendar_selection

turns into

  • https://mysupersecretdomain.service-now.com/sp?id=snsp_cal_-_calendar&sysparm_calID=6

 

If you're not getting the syspar_calID at the end, that will most certainly lead to your TypeError cannot read property of 'length'