Edge anime to captivate 8

When importing Edge animate .oam to Captivate 8 the animation is always shows in front of all the other layers, is there anyway of moving it to the back?
I have moved it all over the time line and have no luck.

No, but you can make the background of the animation transparent in Animate.

Similar Messages

  • Adding HTML5 animation from edge animation to captivate 8

    I created a simple/small animation in Edge Animation, published it as .oam .   In Captivate 8, Media, HTML5 Animation, selected the animation and it displayed on the slide. The problem is now, in the preview the animation doesn't play. I even published it on a web server and it doesnt show there either. Does anyone have any idea what is going on??

    Just a suggestion: try to add a play button in Edge Animate, maybe the animation is so short that you don't have time to see it? What is its duration? I can insert OAM's in CP8.

  • Using Edge Animate with Captivate

    I'd like to use Edge Animate to do some animation work and then bring this in to captivate. Is there any way to do this?
    I'm very new to all this, so not to sure the best methodology to use to add some interactive elements into Captivate. Right now I'm using custom illustrations designed in Illustrator that I want to make interactive and animated in Captivate.

    Okay, It looks like using the Adobe Captivate App Packager is the way to go in order to get an Edge Animation into Captivate http://helpx.adobe.com/captivate/using/captivate-app-packager.html.
    My issue is that I can't seem to select the adobe edge animation (either the project file or the published web folder) from the Adobe Captivate App Packager.
    Has anyone succesfully done this and willing to share their wisdom

  • Pause edge animation with play bar

    Hi there is there a way to automatically pause an edge animation when the user pauses the project?

    I don't agree about SL: Captivate has responsive projects, is still much better for software simulations, has HD Video Demo slides and it integrates wonderful with Photoshop and Audition. You can create an app because of its integration with Phonegap and the way you can preview a responsive project on devices with Edge Inspect is another unique feature. Maybe you'll understand why one of my nicknames is Captivate Defender
    And I also would appreciate a better integration with Animate, totally agree on that point. Did you log a feature request?

  • How do I export an Edge Animation into a single folder? (no subfolders)

    I need to export an Edge Animation so that all of the javascript, html, and images are located in one folder. (no subfolders)
    Is this possible?
    Thanks

    unless you feel like hacking the exported edge code, no..
    if you do.
    open [you comp name]preloader.js in an editor look for "aloader" and remove the paths from edge.*.min.js and the jquery1-7...
    open [your comp name]-edge.js  and edit " var im='images/';  " to var im=''";
    then cut paste all your files to the sinle folder

  • How do I insert my Edge Animation into Wordpress as an animated/interactive graphic

    How do I insert my Edge Animation into Wordpress as an animated/interactive graphic?

    Hi ColleenSyron,
    Can you check out this video: http://tv.adobe.com/watch/create-like-crazy-with-adobe-edge/episode-5-spice-up-your-wordpr ess-site-with-edge-animate/
    Thanks,
    Preran

  • How do you put edge animation in Magento?

    How do  you put edge animation in Magento please?

    Provide the name of the program you are using so a Moderator may move this message to the correct program forum
    This Cloud forum is not about help with program problems... a program would be Photoshop or Lighroom or Muse or ???

  • Convert/save/export Adobe Edge animation as an animated gif?

    Does anyone know a way to convert/save/export an Adobe Edge animation file into an animated gif. I've created a simple logo animation and the client now wants it as a animated gif to add to there email signature. Is this possible or an I going to have to recreate it in another programme

    Hi resdesign.
    Thanks for your comment, this helped. Would be nice if there was a more direct way though, but this has done exactly what I need. Thanks again

  • How can I allow a user to control my Edge Animation using only the scrollbar?

    I have seen a few examples of an Edge Animation being conrolled by the scrollbar, and I am wondering how I could achieve the same effect.
    Example:
    http://dominikruckli.ch/scrolltest/scrolltest.html
    I have searched the corners of the internet and have found 2 or 3 different tutorials, but none of them have proven successful.
    In basic terms, I am creating an animation that involves a character getting from Point A to Point B, from the beginning of my timeline to the end.
    Rather than exporting my animation so that it plays automatically, by itself, I would like for a user to scroll vertically, and the playing of the animation moves in conjunction with the scroll bar.
    As the user scrolls from top to bottom on the scrollbar, the character in my animation moves from Point A to Point B.
    Also, if the user stops scrolling... the character will stop moving as well.
    In addition, I would like the surrounding area, outside of my stage, to remain hidden. I do not want to allow the user the ability to scroll around and see off of my designated stage area. I only want the scroll bar to act as a playhead for the animation.
    Any help will be greatly appreciated.
    Thank you
    Note:
    If you have special CSS (or other form of Code), please provide specific instructions on how to insert this code, where it should be located, what part(s) of the code should be altered, and any additional instructions on how to apply any form of coding. (Screenshots would be amazing)

    Never mind.  I figured it out myself.  I changed the myComp.play("scenefour"); to myComp.getStage().play("scenefour"); and it worked fine. 

  • Issue with multiple Edge animations in the same article. Please help!

    We have 3 edge animations in our 3 page article, one in eache page. The first edge animation you view autoplays great, however when you swipe down or up the other animations just wont play. All of them set to autoplay 0.125 with transparent background. It seems that no matter which one you see first, it kills the other two. We tried importing HTML and DPS  from Edge with the same results.
    Thank you in advance!
    al3nai

    I just did a quick test and experienced mixed results. I placed a single edge animation on the first page of a horizontal article, then placed the same edge animation on three pages of the vertical orientation (dual-orientation folio). The edge animation shows up perfectly on the horizontal layout, but only displays on pages 1 and 3 of the vertical orientation. It does not load on page 2.
    I also placed an additional Web Content Overlay on page two connecting to a website which loads fine. The edge animation shows the spinning/loading icon but nothing loads.
    Sorry, not much help here just sharing similar bugs.

  • Bootstrap, height of edge animation and others div content in the page- overlay issue

    I’ve a problem with the position others div tags in a page with a edge animation in the top (in the below example, div “box-animation”… export it with “publish target: Web”).
    The static content (in the below example, class “content-static”) is always overlay to the animation, instead to view it below div “box-animation”.
    The first solution is to set an height for edge animation container (for example, #box-animation height: 500px) but its very complicate to manage it with responsive website.
    So, how to view the static content in a div tag after an animation create with edge animate, to avoid overlay effect?
    This my first animation with Edge Animate and I always thought that the animation would have been placed in the html order of the webpage...
    Thanks
    Example:
    <body>
    <div id=“box-animation”><div id="Stage" class=“animation1…”>[edge animation]</div></div>
    <div class="container">
      <div class="row">
        <div class="span12">
          <div class=“content-static”><p>Test content</p></div>
        </div>
      </div>
    </div>
    </body>

    Hi... put a trasparent gif image, with the same animations's width/height, in the first div after the edge code container.
    If you want responsive layout, remember to remove width/height values.
    <body>
    <div id=“box-animation”><div id="Stage" class=“animation1…”>[edge animation]</div></div>
    <div class="container">
      <div class="row">
        <div class="span12"><img src="images/spacer.gif" alt=""/>
          <div class=“content-static”><p>Test content</p></div>
        </div>
      </div>
    </div>
    </body>

  • How to create a link with an anchor outside of the edge animation ?

    Hello
    I want to know if it's possible to create a link with an anchor that is placed outside of the edge animation , on the same page ?
    Tanks

    Is it... very likely..., javascript is javascript...Has anyone yet? Maybe i haven't looked.
    You only need 3 files... not including "Edge Includes" and "External Art Assets"
    NAME_edge.js
    NAME_edgeActions.js
    NAME_edgePreload.js
    The advantage of Edge being that u have the "power" to do whatever you like, but as with new things it takes awhile to figure it all out.

  • I'm trying to place my edge animation in dps but I can't swipe over it to take me to the next page?

    Hi, could anyone help with this?
    I'm using an edge animation on the Samsung Galaxy and it won't allow me to swipe over to go to the next page. Does anyone have a solution to this, or can this not be done? Please advise.
    Thanks

    Hey Ross,
    Another user had the same problem and came up with this workaround:
    With regards to using it in DPS, it's not an ideal solution but I imported it as a web overlay rather than an html article and made it smaller than full page so there is a border around the edge on which the user can swipe to turn the page and tap to see menu options.
    This was taken from this thread:
    http://forums.adobe.com/message/5163039#5163039
    Here are some other threads that might help you out:
    Looks like you asked the same Q on this thread:
    http://forums.adobe.com/message/4877470
    http://forums.adobe.com/message/4574872

  • How to integrate an Edge animation in a website by hand

    I created an Edge animation and published it as an .oam file.  But i need to work on the website on someone elses computer who does not have creative cloud or even Dreamweaver.   I am working there in a text editor. 
    What are the requirements - what do I have to do - to integrate the .oam file into that site?    All the references I've found bring in Dreamweaver to do it.   I don't have access to Dreamweaver in that environment, only to a text editor to edit the html. 
    I actually was able to publish the project as a Web site and integrated it that way without the .oam file, but I would like to know how to use the .oam file because it might be simpler.

    Hi, Ken-
    The OAM file is actually a compressed file to be used for import into another product, like Dreamweaver or InDesign.  We don't recommend you package in OAM; instead, simply ZIP up your files and hand-integrate the unpacked HTML as an iframe on your friend's machine.
    Hope that helps!
    -Elaine

  • My edge animation is not working on Google chrome

    Hii..
    My edge animation composition is working absolutely fine on Mozila on google chrome it starts well but all of sudden my background image disappear and animation looks ugly without background image..
    My animation link is
    Untitled

    Hi Newton ,
    Can you try out one thing. We suspect this issue is caused because of the anti-scaling which we apply.
    Just try to disable anti scaling.Follow the steps below : 
    This scale factor can be changed from:
    1. Close Animate
    2. Open the preference folder:
    a. Windows: C:\Users\{username}\AppData\Roaming\Adobe\Edge Animate\4.0.0\
    b. Mac: /Users/{username}/Library/Prefrences/Adobe/EdgeAnimate/4.0.0/
    3. Open the AppPrefs.xml file in a text editor.
    4. Search for the Current line in AppPrefs.xml:
    <key>SvgAntiScaleFactor</key>
    <float>10</float>
    Update this to:
    <key>SvgAntiScaleFactor</key>
    <float>1</float>
    5. Launch Animate.
    However note: This setting will work only for new animate content that you create after this setting is applied - i.e it will work only for newly pasted SVG’s in a new composition.
    Exiting Animate compositions opened after applying the setting(Step 5 above) will still show the same problem. You will need to delete the SVG and copy-paste again.
    Do let us know if this solution helps in your case too.
    Thanks and Regards,
    Sudeshna Sarkar

Maybe you are looking for