Inspiring

Question

Captivate 9 HTML Animation arranging in front of objects when published

Forum|Forum|9 years ago
September 30, 2016
5 replies
1099 views

Hello,

I'm creating a responsive project in Captivate 9 and it includes some HTML (.oam file) animations. When I add the animations to the slide I arrange them to be the furthest back object on the slide so that they're behind everything else. I made the animations in Adobe Animate CC and set the stage color to match the background of my slide so it blends together. This way I can have objects cross over the animation box space without any issue. However, when I publish the project the animation arranges itself in front of all other objects and so it covers up other objects on the page.

Is there a workaround to this / setting that I can choose to change it? Or is there a way to publish my animations from Animate with a transparent background (sort of like a .png but with an animation?)

Thank you !!

Keely

This topic is closed to new replies. Start a new post to keep the conversation going.

CONeill

Inspiring

We wrote a JavaScript solution for this. Check it out here:

https://www.flicklearning.com/blog/how-to-stop-your-adobe-captivate-animations-and-web-objects-from-sitting-on-the-top

K

KeelyM

Inspiring

Thank you for sharing this script! I would like to mention however that in order for this to work you shouldn't rename your web object. I'm still very new to javascript, but it looks like this script looks for something that has "Web_" in it's name.

When I first tried it, I had renamed my web object to something else and it didn't work, upon further inspection I guessed that may have had something to do with it and changed it back to Web_0394 (or whatever number it was).

mohanadas

Adobe Employee

Hi Keely,

To work around this issue in HTML5, do the following:

In your Captivate installation folder, open the AdobeCaptivate.ini file.
Edit the file to change the value of UseWidget7 to 1 as follows:
UseWidget7=1
Close and re-launch Adobe Captivate.

Thanks,
Mohana

R_H__

Inspiring

Watch out though, changing that settings has other effects as mentioned further down this post:

Captivate 9.0.1 - web object z-order

Lilybiri

Legend

To have a transparent background for OAM (was much easier in Edge Animate, but they stopped development), have a look at:

transparent background in adobe animate cc for oam file

Default setting for animations is always on top of the stack. Maybe there is a trick as for widgets to change a line in the ini file, but I'm not sure. Hope someone else can give you a better answer

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.