Scheduler inside a Web Component

[saitej]

Hi

I am currently trying to put scheduler inside a shadow DOM and blocked by pop ups/modals going outside the shadow DOM because they get appended to div at bottom of page. Is there a way to customize this?
I was able to get it work with custom modals by listening to events but I am looking a way to use the inbuilt widgets.

[mats]

Have you tried our web component demo? https://www.bryntum.com/examples/scheduler/webcomponents/

[saitej]

I am having issues running it in our internal framework and also I read it is still in proof of concept phase. So, I had to use the regular javascript version.

[mats]

What sort of issues?

[saitej]

I added webcomponents too.


Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
at new SchedulerTag (scheduler.module.js:170)

[mats]

Can you please upload a simple test case for us where we can inspect what's happening?

[saitej]

I couldn't attach it here as the folder is large. We have internal framework for building web components.

https://servicenow-my.sharepoint.com/:u:/p/saitej_erupaka/EWFZa6Gg75NHjbixWYYY8F0BXo8h3a89T879JhPtT0Gslg?e=zqJAl1

Please tell me if you are able to access this.

[pmiklashevich]

Hello,

I downloaded your testcase but I failed to get it running. Please always provide detailed instructions of how to start your application and steps of how to reproduce the issue you faced with. Also never include node_modules folder, after running `npm install` it will be created automatically.

I see you are using Bryntum Scheduler (TRIAL VERSION) 2.0.3. Please download the latest 2.1.1 and try against it.

Please create a small runnable testcase that shows the issue based on one of our shipped examples. Debugging your custom application/framework can't be done in scope of the forum support. If you need assistance with your application, we can offer our Professional Services: https://www.bryntum.com/services/. If you're interested please contact us here: https://www.bryntum.com/contact/.

You can make sure that scheduler works as a webcomponent if you open our webcomponents demo:

2019-06-25_1234.png (419.27 KiB) Viewed 1566 times

Please see the docs also: https://www.bryntum.com/docs/scheduler/#Scheduler/customElements/SchedulerTag

Best wishes,
Pavel