Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all articles
Browse latest Browse all 9897

Edge Animation won't scale to width and height parent div

$
0
0

We have an existing site that was built in 2007, but was designed to mesh perfectly with responsive css, there have been a few hiccups but this has by far been the biggest issue I have encountered. I am working on replacing a flash animation with an animation I made in edge animate cc 2014,  and everything went lovely until I asked it to play nicely with my existing webpage.

 

I have been messing with my files for a few days now, and I was wondering if anyone else is having this issue. (I have been placing the code manually as html, not as an .oam) It seems that my edge animation, on the responsive settings available, insists on scaling to the size of the view port rather than the size of the parent div I have placed it in. I've come up with one rough fix which modifies the javascript so that the animation shows up at 90% of the viewport, but as soon as you resize the window it goes back to 100%. Which is bothersome because I need it to be at 90% with a 5% margin/padding on each side (which is what the content div is set at anyway, so when the edge animate is set to width 100% it should only go to 100% width of the content div that it is in) and even more bothersome because that doesn't even begin to solve my problems with the desktop version of the site. As much as I love the sarcastic musings of my friend in IT during the afternoons, I think we are both ready to abandon this aspect of the project entirely.

 

When I  tried importing it as a media file .oam it just doesn't show up at all, no code, no javascrip, nothing shows up past the parent div and the empty stage in the developer tools (I check the code for troubleshooting purposes through google chrome).

 

I really am at the point where I am hoping that I just did something terribly wrong and I will be able to salvage this new way to add in animation. That would be the best case scenario at this point.

 

Please help!


Viewing all articles
Browse latest Browse all 9897

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>