Skip to main content
andrewg76970232
andrewg76970232
Known Participant
October 26, 2021
Question

HTML 5 animations always appearing on top?

  • October 26, 2021
  • 1 reply
  • 165 views

Hi All

 

I have a couple of HTML animations in my eLearning, which are scrollable flipbooks of PDF documents. I also have a button on certain pages, where the learner can click to display a mask with text.

 

Even though this mask is above the HTML5 animation on the timeline, it appears behind it on the published eLearn. Is there a way around this, or will the HTML5 animations always appear on top?

    This topic has been closed for replies.

    1 reply

    andrewg76970232
    andrewg76970232Author
    Known Participant
    October 26, 2021

    It's ok - found my answer. This is the way they are designed.

    RodWard
    Community Expert
    RodWardCommunity Expert
    Community Expert
    October 27, 2021

    I think you will find that his is because HTML5 animations play inside an iframe and that means by default it is at the top layer.  

     

    However, there is a way to get iframe content in Captivate's HTML5 output to obey the Z layer order.  You have to alter a setting in the AdobeCaptivate.ini file buried in the Adobe Captivate install directory.

     

    Change the value of UseWidget7 from 0 to 1 and then reboot.

     

    Note that since this file is inside the Program Files directory, you need to have Administrator access to do anything, and the best way to make the change is to copy the file to a location OUTSIDE the Program Files, then make the change, the copy it back into its original location to overwrite the file there.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices