The CreatorCon Call for Content is officially open! Get started here.

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

divvi_vamsi
Mega Expert

Hi David,



It is very impressive work. I am very new to this and finding ways to display calendar as an UI page. I had included all the style sheets and JS files as mentioned in basic usage of fullcalendar.io but not able to go forward with further steps as to how to display this calendar on the ui page. Not sure where and what i am missing.



Can you please help with this?



Thanks


Divya


This is not for a UI Page.   This is a Widget for the new Service Portal. (not ESS)


Yes noticed that, thank you. I tried to configure this exactly the same in my service portal and see the widgets are not being displayed, i just see a blank space in the container. If there is no data in the table, doesn't it just load an empty calendar?



Added all the dependencies and other images too



Thanks


Divya


Yes, if there's no data for the calendar, it'll be just a blank calendar (showing the calendar, but just not populated with event data).


rahulpandey
Kilo Sage

Hey David,


Thanks alot for sharing, this would a good base template