FullCalendar - Scheduler plugin

Classic Servoy
1

Hi,

Having viewed the Servoy Webinar #52 on Calendaring and Scheduling I have been trying to install the Scheduler plugin into my solution. With no luck.

Seems the current Servoy version of FullCalendar is 2.9.1 of 2016.
So I have found that the Scheduler plugin version 1.3 should be compatible?

I imported the scheduler.min.css and scheduler.min.js to my media folder, and try to load the plugin from my startup method:

addJSFileDependancy('scheduler.min.js');

/**
 * @param {String} mediafilename
 */
function addJSFileDependancy(mediafilename) {
	/** @type {ngclientutils.tag} */
	var tag = {
		tagname: "script",
		attrs: [{
			name: "src",
			value: "resources/fs/" + application.getSolutionName() + "/" + mediafilename
		}]
	};
	plugins.ngclientutils.contributedTags.push(tag);
	return true;
}

I get True returned on the plugins.ngclientutils.contributedTags.push(tag) but using the timeline view in the calendar displays nothing.

Does anybody have experience with this and can give advise to make it work? Please! :)

Using: OSX, NGClient - Svy 2019.6.2.

/Claus

2

Hi Claus,

Thanks for watching the webinar series!

I believe that you have the correct version but you also need to import the CSS file as well.
So adding the following to somewhere in your css/less hierarchy:

@import url("scheduler.min.css");

Hope this helps.

3

Hi Sean,

Thanks for your reply - yes, I already imported the CSS into my solution as described.
Just cannot make any view from scheduler to show, and have no idea if the Scheduler is actually loaded…

/Claus

4

Hi Claus,

I think I may be having a similar problem with Servoy 2019.03.1. When I inspect my page in the browser I notice that the script tag is not inserted properly:

<script type="text/javascript" src="js/angular_i18n/angular-locale_en.js"></script>
<script type="text/javascript" src="js/angular_i18n/angular-locale_en.js"></script>
<undefined src="resources/fs/myprojectname/scheduler.min.js" hhsmanagedtag=""></undefined>

instead of inserting a tag it seems ngclientutils inserts a …
it looks the same in safari and in firefox.

5

Hi Christian,

I see now that I have the same issue with ‘undefined’:

Hence the container/div for the scheduler is completely empty:

Solution suggestions?

/Claus

6

There is either something wrong in the definition of the tag or the code in ngclientutils to insert the tag.
I’m wondering it is easier to add the source for the Servoy fullcalendar component to the project and simply modify it by adding the extra files and imports this way…

7

SOLVED

A little fiddling with the tag object and it came around when using tagName instead of tagname.

function addJSFileDependancy(mediafilename) {
	/** @type {ngclientutils.tag} */
	var tag = {
		tagName: "script",
		attrs: [{
			name: "src",
			value: "resources/fs/" + application.getSolutionName() + "/" + mediafilename
		}]
	};
	plugins.ngclientutils.contributedTags.push(tag);
	return true;
}
8

Thank you for spotting that!
I can now see the .js file is loaded, but I still don’t get something that resembles a scheduler view…
investigating…