I’m trying to use the scheduler component within our tab display by putting it into a div with id “contents”. As the page is loaded I get a javascript error: invalid argument. A screen dump of the error with its local variables has been attached to this thread. it seems the the width of some div element is less then 0. Can the scheduler component be put inside another div container?
Scheduler can be placed in other div container, this is normal use-case, but you need to be sure that such container has some not-null size. During initialization scheduler detects size of parent element and adjust to it, if parent has zero width or zero height - scheduler will try to set less-than-zero sizes to self, which will result in error.
So this means the container should have its size defined by an absolute size (in e.g. px)?
For the current container I’m now using a relative size (in %) in order to get proper resizing on different screen resolutions.
You can have it in percents as well, but be sure that it parent has size as well
As simple test, disable scheduler’s code and assign red background to the scheduler’s container - after page loading do you see it? if not then you have final zero size for container and some styles need to be adjusted.