ActivePresenter Saola Animate Pricing Download

Preloader Position

Problem: I need to be able to customize the position of the preloader

Saola Animate version: 3.0.1

OS: Windows 10

Notes: I’m producing some content with Saola that I load in a iframe, inside a “single page app” (a SCORM player).
When I export the content, the preloader is centered (both vertically and horizontally).
When the player loads the content in the iframe, the content produced using Saola Animate is centered in the iframe but the preloader is lower than the middle of the iframe. I would like to be able to “target” the preloader using CSS or Javascript in order to translate vertically. How can I target it?


Hi Aldo,

Please share with us the project package (File > Save As > Package) and SCORM package so we can check.


Hi Yen,
ok I attach the project package, but I want to reiterate that the loader vertical alignment problem occurs only when I insert the content inside an iframe of my single-page-app.

Thank you for the support!

slide.saolapack (243.6 KB)

Hi Aldo,

We can’t reproduce the issue when embedding your project output into an iframe.

How do you size and position the iframe?
Do you update the iframe height after loading Saola Animate content?
I guess the preloader is centered in the iframe, but the iframe is not centered in the page until the content is loaded so the preloader is not centered in the page.

I can help checking the issue if you give me live access to your page.