Edge Animate element position incorrect in Chrome

I've created an animation in Edge Animate that worked well initially and now is not rendering correctly in Chrome. The animation works well the issue is in the position of the element. Is this perhaps a bug in Edge Animate? Any insight or suggestions would be greatly appreciated.
Firefox, IE 11, Opera render.
Chrome render.

Have you applied the new Update that came out today - Get your update for Edge Animate, addressing compatibility issues with Chrome 36 « Adobe Edge Animate Team Blog
Darrell

Similar Messages

How to link Edge animate elements with wordpress div id

Dear all,
I have an animation uploaded on wordpress with edge Suit;
In the animation there are some links to the sections of the page, but they don't work.
In my edge file I linked the elements to the wordpress sections just adding code "click ==> links ==> link in the same window -- window.open("http://mywebsite/#section", "_self");
I am sure its really easy to solve it, but i have some Jquery lacks.
thanks for your help
Alessio
Message was edited by: alessio Calveri

I can only imagine how miffed Adobe's technical team must be and I don't want to add unnecessarily to any stress. For what it's worth, I really liked working with the Edge Animate interface and want things to work out because it would be my first preference - but of course not if I have to recreate content elsewhere for the iPad.
Whether iOS7 has a bug or otherwise, I wonder if there are any simple workarounds. For example, there is an extension that outputs HTML5 from InDesign, including media overlays:
http://ajarproductions.com/pages/products/in5/#showMoreFeatures
https://www.youtube.com/watch?v=ku4Ql8GE1m8
Perhaps Adobe can create an updated step-by-step guide for inserting Flash canvas animations and Captivate HTML5 using this extension. Then maybe even show how to wrap the final content as EPUB3. This would be in lieu of this demo: https://blogs.adobe.com/captivate/2013/08/a-step-by-step-guide-to-create-an-interactive-eb ook.html. For people like me who use Adobe's products because of their front-end niceties (i.e. we don't want to dig too much into code), it would help resolve many issues here. DPS not an option - would rather go with PubCoder in that case.
Good luck anyway!

How to add css styling to Edge Animate elements?

I have done a complete search on this, and have tried based on the example here: http://forums.adobe.com/thread/979124?promoid=KBHBD
But I can't seem to get it to work...
I am trying to justify text created in Edge (in which I named the div "bio" in the properties panel) using this method in document.compositionReady - $("#bio").css("text-align","justify");
But it won't work.. I can't find many examples of using css to style divs in Edge so can someone help me?
ALSO - to help others who may have the same question, would you also be able to explain to noobs what the generic proper method is?
Thanks all!
Aza

Here is the code for FF:
sym.$(""").css("background-image", "-moz-linear-gradient(top, #8f8f8f, #ffffff)");
There is an error in your code: You need to replace : by ;
sym.$("Q1_Ellipse_1837Copy4").css("background-image"; "-webkit-linear-gradient(270deg,rgba(226,124,124,1.00)0%,rgba(198,15, 15,1.00)50%,rbga(135,25,25.1.00)100%");
or you can use the css with style format {}
sym.$("Q1_Ellipse_1837Copy4").css({
"background-image": "-webkit-linear-gradient(270deg,rgba(226,124,124,1.00)0%,rgba(198,15, 15,1.00)50%,rbga(135,25,25.1.00)100%"
But it does not work in Chrome, though it works with the gradient panel in Edge. It works in FF.
I will try to do some research on it.

Interaction between Edge Animate and RaphaelJS (or any svg library)

Hello.
Edge Animate's possibilities are really nice as long as i'm working with anything rectangular. The overall UI is very practical and so, but when you want to work with more complex shapes overlapping it gets very limitated.
I've looked around with no success, so may be someone here as a clue for me.
How would you integrate something from this kind of page (interactive map of australia) and make the map and an Edge environment work together.
Here i'm thinking :
- Edge buttons that would highlight some parts of the map (or reveal some divs from the original html)
- RaphaelJS code at building of the map that would interact with edge symbols.
So far, my knowledge of code/js/css seems too limited to get things done as i wish, any ideas/insight welcome.

Hi Franck!
You are right. The default implementation uses the SVG as a background image applied to a div container. That's the reason why you loose all the interactivity within the SVG itself. I love Raphael, but I think it would be an overhead for your map example.
Here is a light weight solution with (jQuery SVG) that works like a charme with non-rectangle click areas.
Assuming you have a rectangle placed on the stage (named "playground") you can load the SVG into that container within the "compositionReady" handler of your composition like this:
yepnope({
     load: "libs/jquery.svg.package-1.4.5/jquery.svg.min.js",
     complete: function() {
          // Load Handler for SVG Graphics
          function onSvgLoad(svg, error) {
            $('path#Cyan').click( function(){
                 alert('hello Cyan');
                 // Your code here
          // Select Edge Animate Element for SVG display
          var playground = sym.$("playground");
          // Load SVG Graphics
          playground.svg({});
          var svg = playground.svg('get');
          svg.load('images/pie.svg', {
               addTo: false,
               changeSize: false,
               onLoad: onSvgLoad
I put together a small demo project with an example svg and all dependencies:
http://public.simonwidjaja.com/temp/AnSVG.zip
Hope that helps!
Cheers,
Simon

Responsive Edge Animate in a Div

Hi.
Recently i tried a page to test the responsive design, and all went well.
Now I want to place an Edge Animate element (. Oam) in a div, but that only appears on the computer and tablet version,
and the mobile version appears another Edge Animate object, because Edge Animate, just scale my object and the mobile version is unrecognizable
Greetings.

Hi.
Thanks
Well, I know how to insert an Edge Animate object, no problem.
But.
I try to explain. If it can place a different Edge Animate Composition for each resolution (Desktop, Tablet, Mobile).
For example:
Or
Sorry for the inconvenience, and thanks for the help.

Edge Animate code output image location (X,Y) changes in Chrome and Safari

Hi there,
I'm working on my first project in Adobe Edge Animate, and so far it has been a miserable failure! Yay! Anyone out there interested in helping me out?
Here is a sample of the project so far: http://research.cs.queensu.ca/home/parker
My problem is that the green square's location appears incorrectly in Chrome and Safari browsers, but correctly in Firefox. I'm using a Mac Mountain Lion OS.
Why would an element have a different position when seen in a different browser? Note that all the other elements are displaying properly in all the browsers?
Thanks for your help,
-David

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

Edge Animate origin won't transform, keeps snapping back to original position.

I am working with an Animate composition in Edge Animate CC on a mac. When I try to transform the origin and select an item, select the transform tool and drag the origin it keeps snapping back to its original position. I have tried turning off snaps and changing the origin in the properties panel but it snaps right back no matter how I try to change it. It is as if it's locked in place. Any ideas on why it won't change? The items are not grouped and it is a problem will all of the individual elements that I have tried to change. Thanks in advance for any advice.

Thank you. I have shut it down and restarted the Mac and still have the problem. I am recreating the animation now in case the file was somehow corrupted. Even with the new file, I am getting an error that Animate encountered a problem and that I should save and restart Animate. I think I will uninstall and try reinstalling Animate. Do I have anything to lose by trying that since it looks like I need to recreate anyway? Thanks again for your help!

When Editing A Web Page In Edge Animate, How Can I Embed Edge Elements Into Pre-Existing DIV's?

I created a basic layout with some boxes in Dreamweaver. I set the Overflow property on them to "Hidden". I then opened the page in Edge Animate. However I noticed that when I import stuff, such as an image, then try to drag it into one of the existing DIV's, it won't work. It stays on top of all the other DIV's. However if I create a box or some other sort of DIV directly in Edge Animate, I can drag the Image element into that, so it's enclosed within that DIV.
I guess the workaround appears to be to embed the image into the DIV in Dreamweaver first, then open the page in Edge. However it would be nice to not have to keep jumping back and forth like that. Is there a way to do this in Edge Animate?
Also, I noticed when I select one of the DIVs I made in Dreamweaver, many of the Properties such as Corners, Shadow, and Filters are missing. Can these only be used on DIV's created directly in Edge Animate?

Hi, neohtom-
What you're seeing is the difference between what we define as a static div (one that is defined outside of Animate) and a managed div (one that is defined inside of Animate). Due to the fact that we expect other products to change a static div, we limit the amount of changes you can make to a static div. Because we "manage" a div that is created inside of Animate, we allow a lot more changes to be made to a div. Hope that answers your question! I'd suggest creating divs within Animate if you want to eventually change them to have corners, etc.
Cheers,
-Elaine

Edge Animate CC 2014 8月アップデート(Chrome 36での不具合を解消)

Edge Animate CC のバージョン2014.0.1アップデートがリリースされました
このアップデートでは、最新のGoogle Chrome 36で起きるレンダリングの不具合を始め、複数の問題が修正されています。
Edge Animate CC 2014をご利用になるすべての方は、このアップデートを適用してください。
リリースノート（英語）
Edge Animate Help | New features summary
アップデート手順：
・Creative Cloudデスクトップアプリケーション（CCDA）にアップデート通知が表示されている場合はそのままアップデートしてください。
通知が表示されない場合：
　1. CCDAを一度終了します。
　2. その後CCDAを起動、この時サインインボタンが表示されたらサインインします。
　3. アップデート通知が表示されたらアップデートします。
ご注意！
アップデート適用後は必ず既存のプロジェクトを再パブリッシュしてください。

I have just found the same problem. I have an Adobe DPS article that uses Adobe edge that play audio when 'tapped', I built this before the CC 2014.1 update and that one works fine. I have created another article following the same process but using the updated version and the audio will not play.
Both files are placed OAM files. Audio worked fine in the browser during testing.
Please tell me this has not been removed as a feature!

Edge Animate CC 2014 animation of elements of a html file created in Dreamweaver

Does anyone know why with Edge Animate CC 2014 it's not possible anymore to animate elements of a html file created in Dreamweaver? With Edge Animate CC 3.0.0. this was possible.

Hello!
I now have a project that seems to be corrupted. A had been working on it all morning, with a few bugs here and there. Now I can no longer open the file, receiving this error: "Edge Animate: Exception An error occurred. Please your work and restart Edge Animate."
I will try to attach sample files.
- J Sean

Where is Use Google Chrome Frame for IE, 6,7,8. in Adobe Edge Animate CC 2014 ?

Hi everybody, I can't find Use Google Chrome Frame for IE, 6,7,8. in new Adobe Edge Animate CC 2014
Please help me
Thanks in advance

Sorry, but Google discontinued the Google Chrome Frame service:
https://www.google.com/chromeframe/about/
Chromium Blog: Retiring Chrome Frame
Regards,
Joe

Edge Animate not playing in Chrome or Firefox?

Hi guy's,
I've embeded an Edge Animate file as an i-Frame so the animation can be viewed in our companies LMS (as it uses a WIZIWIG editor to create the content), the animation plays in Safari and on iPad etc, but it wont play on Chrome or Firefeox?
Does anyone have any idea on how I can make sure it plays on all browsers please?
I'm a bit of a newbie, so sorry if this is a stupid question?
Cheers,
Stu

Hi Elaine,
I've checked the comsole, It looks like there might be an error on our Firewall as it says 'display: blocked'
However, as the file is hosted externally it shouldn't make a difference? I've tried veiwing the slider on an 'un-networked' machine on both Chrome and Firefox, and it doesn't seem to play still.
Here's the link to my Google Drive so you can have a look at the files: https://drive.google.com/folderview?id=0B7_E2OecMf0aRFFnOVMtWE9zMVE&usp=sharing
Also, using the HTML button on this WIZIWG editor, I've embeded the HTML in here too:
It's not loading in Chrome on here either? I'm using an iframe too as the WIZIWIG Editor in our LMS srtips out the code

Edge Animate CC crashes on right-click on any Object in Elements window

Hi,
Every time I right click on an Object in Elements window Animate crashes on me.
Same thing happens, when i click on the "Open Actions" Button - "{ }"
I really would apreciate some kind of help with this problem, since I am able to accomplish nothing this way.
I am running on a 2010 MacBook Pro 3.06 GHz Core 2 Duo - OSX 10.9
Adobe Edge CC downloaded today via Creative Cloud
Thanks in advance,
have a beautiful day,
Anne

Hi hemanth,
Thanks for the reply,
I am Using Edge Animate 3.0.0.322.27519
(Actual Version downloded via Creative Cloud)
I renamed the Folder
/Users/Your User Name/Library/Application Support/Adobe/Edge Animate
TO
.../OLD Edge Animate
as suggested in the link you gave me...
I restarted An and not only is the problem still ocurring, but also the program did not create a new '.../Edge Animate' Folder.
The Link you gave me stated:
After you have removed your existing preferences, restart Edge Animate. The application creates new preferences files and folders using the default settings.
This did not happen.
but program is starting normally without the preferences Folder obviously - problems stay the same
It's nice to know, that you are there to care about the problem -
thanks for that so far and if you can think of anything else -
don't hesitate to write
have a beautiful day,
Anne**

Edge Animate and Chrome Cache Problem

Strang thing with Edge Animate in Chrome on a Mac or PC. You can not reload it. It plays the first time you go to site, but if you hit refresh or try going back to the page, it will not relaod. I have to delete the cache in order for it to Play again.

Any news? I have the same problem with my animation... it has embedded audio too.
My link: Sombras en las estrellas
It works fine in Safari and Firefox, but only displays the first time in Chrome.
I'd appreciate some help!!

How Can I Move the Elements by Tap on Touchscreen or Mouse Down Event in Adobe Edge Animate?

hi , how can i move the elements by tap on tochscreen or mouse down event in adobe edge animate? like action for moving car.

in my idea is mousedown action or tap on touchscreen plays the role of car accelerator, (gas pedal) when i left click on mouse my car moves forward and the car doesnt move when I dont click or tap.
Do you have a solution?

Edge Animate element position incorrect in Chrome

Similar Messages

Maybe you are looking for