Kingsley eLearning Solutions

You have big dreams for your eLearning.
We'll make them come true.

image of Kingsley

Articulate Preloader via XML

Submitted by Kingsley ๐Ÿ‘‘ on Fri, 11/06/2009 - 11:49

UPDATE: We have a new solution on that is very simple to use and automatically preloads your files. We have really tweaked the code and added an optional progress bar.

Earlier this week fellow MVP Phil Corriveau posted a wonderful solution for preloading large content into Articulate. I talked to Phil and decided to extend his work to our non-Flash users.

Phil also pointed out that he had in-turn tweaked code he found here to create his preloader. It's a great community that shares and builds on each other's work!

My version gets the list of file to be preloaded, and a logo, from an xml file. The logo's max size is 244x75px and because we are targeting Flash 6 you are limited to jpg or swf.

So here is a screenr on how to use these files (


Hi James,
The XML approach is easier for non-Flash types, so thanx very much for that.
A few questions if I may;
1) Does the XML approach work with MP4 screenr files? Currently causing me some pain
2) Can this code/logo replace the "Powered By Articulate" logo in the bottem left of the screen?
3) If the Articulate Powered by Logo is replaced by the code/logo does than mean you canโ€™t put another SWF on the main slide?
Sorry for all the questions


  1. It should... it's really based on Phil's code so he might know better but I see no reason why it wouldn't...
  2. Great idea. Im not certian if I sized it correctly for that. Also, perhaps I should add the ability to insert a link.
  3. You should be able to include a swf on the main slide (either way).

Don't apologize for asking questions, they inspire me!

On a side note... wouldn't it be great to be able to add more then swf to the slide?

I want to use a preloader like this one, but I had set up my template to not show the logo panel.Does the logo panel need to be visible to use?

Thank you

Submitted by Chat54 (not verified) on Sun, 11/29/2009 - 06:21


Hi James

Is it possible to use the pre-loader in the Allslideplayer skin, by ensuring that the logo is ticked?



Submitted by Kingsley ๐Ÿ‘‘ on Mon, 11/30/2009 - 11:54

In reply to by Chat54 (not verified)


Hmm that's a good idea.. but Im not sure it will work because there is no place for the 'logo' to load.. perhaps I should just build the preloader into all my skins...

Preloader into your skins?

I wonder is this something you still are considering? Would we get the same result by inserting the Pre-Loader flash file onto the first page of the Presentation?

Happy Christmas


Submitted by GerryWaz (not verified) on Thu, 02/04/2010 - 14:54


Hi, James! Fellow MVP Gerrywz from the Articulate forums here.

Thanks for this. Works great.

However, I found I had to change the relative linking syntax to the videos to get this work. I was using HTTP Analyzer to watch the HTTP traffic and, so not to get 404 errors, I had to do this relative link syntax to get it to work: ../data/swf/[name of video file]

Here is the XML file that I did to finally get things to work:


If I went with what you had, the 404 error showed a URL with the data/swf folders under the player folder.

Correct GET example:โ€ฆ

Incorrect GET example:โ€ฆ

Did I miss something in the explanation for this?

Thanks! All the best.

- Gerry

Submitted by gionny (not verified) on Fri, 04/23/2010 - 04:44


Hi, i have this problem: all my slide are swf file 868x522 and pos left=-115 e top -7 with custom skin.When i load course into LMS platform the swf file are not in the right position but when browser cache swf all swf is ok.
If i use preloader of my swf can i resolve my problem on first load?
Please help me!


Submitted by Anonymous (not verified) on Thu, 04/29/2010 - 16:51


If you load the preloader.swf file and the xml file tells what logo you really want to use, where do you park your actual logo in the published files for it to really work?

Submitted by Anonymous (not verified) on Wed, 07/14/2010 - 16:45


Hi James - I used your xml code to add a preloader.swf to my articulate course, however now when I add my logo to the XML file the logo covers half my screen. How can I get the logo to be positioned where I need it - size wise?

This is the code from the published Articulate file in regards to logo before I added the preleader.swf -

Your help is greatly appreciated!!!

Submitted by Sgold (not verified) on Wed, 09/29/2010 - 19:52


hi James, is there a way to create a custom preloader that will look for anything with .flv at the end of the file name? at our business we create hundreds of learning guides and it would be good to just use the one preloader file with all of them. any help would be much appreciated. thank you.

Hi James,

Thanks for the prloader, but I have no idea how to use it.

So I insert the preloader.swf in the presenter panel. Does that mean it will be present on every slide?

To put my own logo in I edit the xml file, do I just put the name of the jpg in there or a path as well?

Same question for the assets I want preloaded, do I just put thier file names in there, or do I need paths?

When I publish, do I need to locate the preloader in the data folder and put the logo and the xml file loose within the same folder? Also how will it find the assets I've listed, do they need to be in that same folder?

Sorry to be a pain, but I need some pre-loader for dummies instructions.

Submitted by LouMang (not verified) on Thu, 12/02/2010 - 12:40


My .flv files are embedded in quiz(blank pages) and the quizzes are a slide in the Powerpoint. Now I publish the presentation. Can anyone tell me where to look in the "data" folder for the .flv files.
When I publish the presentation from Powerpoint the I find .flv files buried along this path:

To anyone whose tried this before, does this path sound correct?

Submitted by David (not verified) on Tue, 02/08/2011 - 14:43


Okay, where do the files go?

I read Gerry Waz's comment on the linking syntax and now I'm even more confused.

Is the Get statement now fixed in the download files?


Where do I put the files to make them work?

Logo.jpg in the \player folder?

Custom_preloader.swfย  in the \data\swf folder?

preload.xml in the \data folder?

Appreciate your help. I really want to get this working.

Thanks, David

Submitted by Kingsley ๐Ÿ‘‘ on Thu, 02/10/2011 - 08:44

In reply to by David (not verified)


Hi David,
The Custom_preloader.swf gets imported as logo using Articulate's Template UI.
the xml and a logo.jpg of your choice go in the root of the published folder.
The screenr on this page demonstrates how to set it up.

Submitted by Peter (not verified) on Tue, 07/05/2011 - 10:04


I love this solution, but need help with a slight variation. The logo I have been using is 244px by 61px. When I use this image it seems to be forcing it to 244 by 75. Is the swf set to this dimension and if so how can I change the dimension of the swf without the original file.


Submitted by Shawn (not verified) on Fri, 12/20/2013 - 17:46


Hello David,
Thanks for a great product. We recently updated to Articulate '13 and looked to use your preloader once more. We tried it on a coverted course and the preloader does not seem to work. We suspect an AS2 or AS3 issue, but not sure. Would there be any chance you would provide a version for '13. Thanks again for a great product.


Found this to be quite helpful in preloading large SWF files contained in a Web Object that was built from Captivate 6 (AS3).

However, on the first slide when the preloader is bringing in the SWF files, because Articulate '09 will not load/play a AS3 SWF file directly, I get this annoying hissing/clicking sound in the background which plays at the same time as the audio on the fist slide.

Other than that it works great - when I get to the Web Object slide it is ready to go without delay.

Any way to turn of this noise from '09?

Add new comment