Back to the Shapespark home page

Changing you original pre-loader

I need to overwrite your original Pre-Loader and would like to use this one instead:

http://jsfiddle.net/erlenmasson/24pEZ/?utm_source=website&utm_medium=embed&utm_campaign=24pEZ

Where is your pre-loader placed exactly?
Thank you very much for your help!

Chris

Custom progress bar is not something that is supported out-of-the-box, but we have customers that did such customization, so it should be doable with some HTML/CSS/JavaScript experience.

Please take a look at the ‘Scene ready to display and scene load complete notifications’ section of the viewer JavaScript API documentation: https://github.com/shapespark/shapespark-viewer-api The example in this section that shows a custom text banner could be a good starting port. One approach could be to show your progress spinner on top of the default one, so the default is not visible, and hide it in the sceneReadyToDisplay callback.

Hi Jan, is it possible to change the circular loading bar into a straight one?

It should be possible to implement it by customizing the index.html. It requires HTML/SVG/CSS experience: the SVG circle is to be replaced with an SVG line.