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

[moah]

I'm having this issue:

Uncaught TypeError: $(...).fullCalendar is not a function

      at Scope.$scope.initializeCalendar (VM168 va0b3d0f….js:928)

      at eval (VM168 va0b3d0f….js:40)

[xiaix]

It looks as though it's not understanding what this is:

That's perhaps because you didn't add the widget dependencies as depicted by the screenshots in the "FullCalendar_For_ServicePortal_Helsinki \ Widget \ Widget Dependencies" folder:

[moah]

Hi David, Thanks for responding but I have still have same problem.

[moah]

I have new issue:

Uncaught TypeError: Cannot read property 'hasTime' of undefined

      at P (cdsCal_fullcalendar_min_js.jsdbx:6)

      at O (cdsCal_fullcalendar_min_js.jsdbx:6)

      at V (cdsCal_fullcalendar_min_js.jsdbx:6)

      at z (cdsCal_fullcalendar_min_js.jsdbx:6)

      at cdsCal_fullcalendar_min_js.jsdbx:6

      at Function.map (cdsCal_jquery_min_js.jsdbx:2)

      at p (cdsCal_fullcalendar_min_js.jsdbx:6)

      at Array.<anonymous> (cdsCal_fullcalendar_min_js.jsdbx:6)

      at Function.each (cdsCal_jquery_min_js.jsdbx:2)

      at constructor.Ut (cdsCal_fullcalendar_min_js.jsdbx:6)

[xiaix]

Updated Client Script.js and HTML Template.html

Reasons:

1. Word-wrapped long event names in both the Calendar Month view and Quick Access view:

        2. Added the ability to Hex edit the Quick Access Event colors.   Before, you could only use the color picker:

3. Creating a new event will now pull up a menu with more options instead of only letting you choose an event name in an alert box: