Why is my Code Bundle not displaying correctly?

Code Bundle is a simple way to display HTML5 content on a Skykit display. While code bundles are easy to set up and use, there are some technical guidelines you should follow to ensure that your content displays correctly.

Do not include references to external resources

We strongly recommend that the HTML5 .zip file does not contain any references to external resources. This way, Skykit can keep playing content even during network outages or interruptions. Not following this recommendation may cause code bundles to display unintended behaviors in situations where network connectivity is limited or unavailable.

Code runs in a proprietary web object

Understand that the pane displaying the code bundle is running inside a proprietary web object (similar to an iframe) developed by Google. This means that the same constraints for interacting with code in iframes apply to code bundles.

Hint: When calls are made to the window function, make sure to check that the scripts you hope to have accessible are available in the scope.

Hardware constraints

Remember that, just like any other content displayed on the web, code bundles are limited in performance by the computing power of the machine—in this case, a Chrome device.

Rendering and transitions

Due to the way websites are rendered, the Skykit transition animation’s behavior may conflict with the behavior of loading the webpage, resulting in a visually unappealing transition. Because of this, we strongly recommend that you do not designate a transition for your code bundle content in the Code Bundle content manager window.