Our pure JavaScript Scheduler component


Post by reggie@riskcast.com »

I load the bryntum scheduler using Script tags in my index file:
    ...
    <!-- SCHEDULER CSS -->
    <link rel="stylesheet" href="css/scheduler.material.min.css">
     
    ...
 
    <!-- SCHEDULER JS -->
    <script src="vendor/js/bryntum/scheduler.umd.min.js"></script>
    ...
Each gets combined with other CSS / JS vendor files respectively into a consolidated file for each file type when I deploy my web application. In my code, I then initiate a new Scheduler as follows:
     var scheduler = new bryntum.scheduler.Scheduler({....
This works fine on any desktop browser. However, on iOS Safari (and Chrome), an error is thrown when trying to initialize the scheduler. My iOS version is 12.4. The error reads:
     ReferenceError: Can't find variable: bryntum
I'm not sure why the global "bryntum" variable is not accessible on an iPad's browser. Please advise. Thanks.

Post by mats »

Please use CODE tags when posting code.

This is not something we can assist you with I'm afraid. Try to use the XCode iOS simulator to debug it with Safari - should be very easy to find out what's going on.

Post by reggie@riskcast.com »

In case anyone else runs into this, the issue was that I also needed to include the file scheduler.umd.min.js.map in my deployed app. The iOS webkit appears to require it. Once it was added to the project, the scheduler rendered properly on the iPad.

Post by mats »

Thanks for sharing the solution! :)

Post Reply