Use Top/Left instead of webkit transform in Adobe Edge Animate

I had a nice simple interaction using Adobe Edge Animate with jquery ui draggable and droppable. You drag boxes from one area into other places. All worked fine.
Then, I decided to add an entrance animation for the boxes. That ruined everything because jquery draggable animates the top: left: values of your object, but somehow adding animation in Edge made it set top: and left: to 0 and use webkit transformX / Y.
So now as soon as I begin dragging, the box jumps way down because draggable is animating the top: left:, and Edge Animate is keeping the transform
Is there a way to force EA to use top: left: for animation? Note, part of the box entrance includes a rotation, so possibly that's why it decided to use transform so it could do the X / Y and rotate all in one.
Any ideas?

I'm sorry, the blog post was not helpful for this situation.  The problem is that in AE you can animate "Top" and "Left", but you have no control over whether that becomes a transformX /Y or a change to the css top: left:.   AE makes it's own mind up.  It seems that once you somthing other than just move the item (eg rotate or scale) it decides to stop using top /left and combine it all into a single transform including x y and rot.   AE does not let you choose to animate the css top: left: property and also add a css transform for rot.
nevertheless, I've found a working hack for now.  when the drag starts, I add a class
.notransition {
  -webkit-transform:none!important;
  transform:none!important;
and so the transform is erased and the drag works perfectly.  The weird thing is that after I drop, I DO NOT remove the class.  It stays for the remainder of the time.  Now that I think about it, it makes sense, since the transform is none and the top: and left have been permanently modified by jquery-ui draggable.
If I still wanted to do any further animation after that, I imagine it would get very weird. 
so anyway, ability to force x and y transformations to use top: left: instead of transform would be a key feature for a (near) future release.

Similar Messages

  • 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

  • HOWTO: Use Adobe Edge Animate CC Templates

    Hi Everyone,
    Darrell Heath made an awesome tutorial about how to use Templates to your advantage
    Check it out:
    http://www.edgehero.com/tutorials/leverage-adobe-edge-animate-cc-templates
    - Rob

    Hi, canpark-
    We do not have a Korean localized version of Edge Animate, sorry!
    -Elaine

  • I want to use Adobe Edge Animate. It is sufficient to subscribe to Photoshop for photographers?

    I want to use Adobe Edge Animate. It is sufficient to subscribe to Photoshop for photographers?

    Thanks for the link, the page I saw about 100 times :-)
    Again, you do not understand. Edge Animate is not possible to subscribe individually. Forget now on photographic plan.
    If I subscribe Adobe Muse(this and nothing more) is Edge Animate included?
    https://helpx.adobe.com/edge-animate/kb/edge-animate-frequently-asked-questions.html
    How much does Edge Animate CC cost, and how do I get it?
    Edge Animate CC is available exclusively via Adobe Creative Cloud. Learn more about Creative Cloud subscriptions.
    not much usefull info. Yes I get it if I pay the full cloud. But what if I pay one program = (Adobe Muse is in Creative Cloud subscription). Please respond. Is it possible or not? I want a simple answer in one sentence. :-)

  • Episode 2: Flexible Layouts Using Adobe Edge Animate and the Edge Commons Library | Create Like Crazy with Adobe Edge | Adobe TV

    With Adobe Edge Animate you can create flexible layouts easily. In this lesson you will learn how to use percentage values, alignment and several other layout presets to build flexible layouts that look great across all screens. You will also learn how to create different adaptive layouts for specific screen sizes using the Edge Commons library.
    http://adobe.ly/QnCdXY

    No ADOBE TV videos play. Not in the latest Firefox nor IE. The play icon appears - I click it  - and the frame remains black -- no error message, nothing. I even tried accepting 3rd party cookies- nothing.  I can play videos fine from othe sites, youtube .... etc ....

  • CS6/Mac Air - Cannot find windows that I reduced using top left buttons.

    When I click the middle yellow button(with minus bar inside) top left corner of an open window/canvas it reduces the file and you see it close and swoop doen into the Photoshop icon on the bottom toolbar. How do I find those windows to reopen/expand back to my Photoshop window? Can't find them anywhere. I know they are still active as I did not click the red close button, only the reduce size button.

    Thank you, John.
    I had completely forgotten about the Dock option to minimize windows into the icon of their own applications. 
    I now remember seeing that option when it appeared for the first time and thinking "why would I want to do a thing like that?"  
    (I'll probably forget about this again, eventually.  …unless I start using it right away.)

  • Adobe Edge Animate CC crashes when using big SVG images

    Hi!
    When I import SVG files to Edge Animate it freezes and I can't do something with that.
    I tried to import one file at a time and it worked fine but when I save project and close program and then open my project again Edge Animate just crashes.
    Also I tried to import very small images (100px x 100px) and then scale them to size I need and it causing app crash too.
    I'm using Mac OS X 10.9.4

    I already found cause of this problem.
    When you import SVG to Edge Animate it gives your SVG width and height 10 times more then original size of image and transform: scale(0.1). So when you import 5 SVG images 500x500 Adobe Edge makes them 5000x5000.
    So that's cause app freezing and bad SVG displaying in browsers.
    Always change scale(0.1) to scale(1) and reduce size from 5000px to 500px for example.
    Best regards,
    Alexey Prilovski.

  • How can I maintain the font used in Adobe Edge Animate for Adobe Muse website?

    I used a png file which is working perfect and then used the font Montez in Edge Animate for 2 titles, however once I published the file(live) to muse it a totally different font. Is there something in particular I need to do in Animate to avoid alteration of font. Help!

    The original photo gallery is:
    http://www.bethanyjanedavies.com/portfolio.html
    You can see that the right side is chopped off
    But I may have to compromise and use:
    http://www.bethanyjanedavies.com/portfolio2.html
    This is a much wider page than the rest of the website, but I suppose you have to find a compromise that works!!
    Cheers
    Helen

  • How to use scrollInToView method in Adobe edge animate

    I would like to use scrollInToView method in one my long pages, but I can't seem to invoke this code, any help would be greatly appreciated.

    Hi, Krutneam.
    We can get the DOM element by using jQuery().get() method.
    If you want to scroll window to pos of "Rectangle" on the main timeline. like this.
    sym.$('Rectangle').get(0).scrollIntoView();
    thanks.
    Ume.

  • How do I use Typekit fonts within Edge Animate

    I have applied a 'Pragmatica' Typekit font to a website.  I'm using Edge animate to construct some pages and within these pages want to add Type; however, Edge Fonts does not include the Typekit font 'Pragmatica' and the instruction for the page to use Typekit seems not to filter through into the Edge animate section .... is there a way round this?

    Hi, Trimmertop-
    When you open up the Web Fonts viewer, you will see Edge Web Fonts by default.  However, there is a tab next to it that says "Custom."  You can stick in your kit code in that location.
    -Elaine

  • Edge Animate animations appearing on top of everything in Captivate 8 project

    When I create an animation in Adobe Edge Animate, and then insert that animation into my Captivate 8 project, it appears on top of everything: TOC, glossary, interactions, etc. I've clearly reordered the objects in the timeline so that the OAM file will appear on the bottom, but still when I publish the project, the animation appears on top of everything. Why? Is this a known bug in Captivate 8? Maybe I'm not doing something right Animate, but this is extremely irritating. How can I fix this?

    Hi bs234906
    I am having the exact same issue so not sure if it something we're doing wrong or it is a bug? I think it may have something to do with the <div>'s inside of Edge but not sure? Would love to find out the answer.

  • Is Edge Animate is 1.5.0.217.23270 free to use indefinately?

    Hi,
    I downloaded and installed Adobe Edge from Creative Cloud.
    Is there a way to find out how many days are left in the trial-period?
    I'm running Windows7
    Regards, Goos

    Hi Goos,
    Its possible that Edge Animate is unique in this respect and may not have the same trial behavior as other products. I know this was true for an earlier release of Edge Animate.
    See this blog post:
    http://blogs.adobe.com/edge/2012/09/24/adobe-edge-animate-1-0-is-available-now-with-a-surp rise/
    It might still be the case.
    What version of Edge Animate is it? We can confirm in the Edge Animate product specific forum.
    -Dave

  • I'm missing the "foxfire" button. It's simply not there and I need to re-import my IE favorites, but I can't becasue the new upgrade forces you, (me), to use a button that simply is not there at the top left where it should be but isn't.

    Well that's pretty much it. The foxfire help page, now that I've upgraded to the newest version says to look for the "foxfire" button at the top left which would be located in the blue bar that instead still tells me what the name of that particular page is that I am viewing, just as it always has but there is no "foxfire button there for me to click on in order to get my bookmarks, my favorites re-imported from IE version 6.0. I actually installed them via the instructions under foxfire version 6.0 a month ago originally without any problem, and then again on version 7.0 after I recently rebuilt this machine using windows 2000 professional and everything got imported Okay except for one file... And of course it was the most important folder, my favorites folder which I had named "business" because it was the folder which contained all my links that I need for "business". So naturally, I am eagerly awaiting a reply to tell me what it is that I need to do. Could it be as simple as I have not re-booted since I upgraded earlier today/yesterday? That actually IS a possibility I suppose because I don't remember re-booting afterward or being told to in or after the process of upgrading. After the upgrade, there simply was not any indication that I needed to. (As I recall anyhow!) It's currently one in the morning and that was twelve hours ago. But I honestly don't think that I was instructed to after clicking on "install" the new version. But if it did tell me to afterward, I'm sure I must have even though I don't remember it as my extensive history with personal computing and installing everything from hardware to software including operating systems tells me that if it had told me to re-boot, I would have.
    Thank you in advance,
    Eric G.

    You are on Windows 2000, you do not have a "Firefox" button, and should consider yourself to be fortunate in that you still have menus and don't have to do anything to get the menus back instead of the "Firefox" button. (The same applies to Windows XP users).
    Use the "File" menu to get to Import. You are not on Windows 7 or Vista, and don't have to put up with the nonsense added for Aero.
    If you want the "Firefox" button you can get it with View -> toolbars -> (uncheck) Menu Bar. The menu bar and the "Firefox" button were supposed to be mutually exclusive (which is impossible in some cases without being incompatible).
    Once you are using the "Firefox" button ...
    Use the "Alt" key to view the menu bar (temporarily) containing File, Edit, View, History, Bookmarks, Tools, and Help. On Windows 7 and Vista, the menu bar was hidden by default in Firefox 4 and above. These menu items are more or less available under the "Firefox" button which has the most used of the built-in Firefox menu items available in a different format.
    To get back to having menus again. "Firefox" button -> Options (second column) -> (check) Menu Bar
    You can make '''Firefox 7.0.1''' look like Firefox 3.6.*, see numbered '''items 1-10''' in the following topic [http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface Fix Firefox 4.0 toolbar user interface, problems (Make Firefox 4.0 thru 8.0, look like 3.6)]. ''Whether or not you make changes, you should be aware of what has changed and what you have to do to use changed or missing features.''
    * http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface

  • Cant click on or delete a file that sits in "Favorites" (top left) when I use Finder

    I want to delete a file from a list. Not sure how the filename  appeared in the location where it did.
    When I open "Finder", in the top left of the window there is a grouping called "Favourites". It lists "All My Files", "Main Drive", "Applications" etc.  It also now has this listed:  "IMG_0395 (deleted 4e56b607-752345.-89f546)". I guess it is a movie I previously deleted but not sure why it is showing up here.  I can't click on the item in the list (so therefore can't get rid of it).  Tried to include a screen shot here: file://localhost/Users/John/Desktop/Screen%20Shot%202012-10-09%20at%208.29.59%2 0PM.png

    Thx for that im gonna try it....but is there a way to do it without using toolbar or cmd-c...? i mean using only the mouse?why does it have to highlight the file even though i click a bit next to it....?using icon view i can right click next to the folder and i wont have a problem but with list view that i prefer using it will highlight the whole row.....and i dont find free space to right click cause i got many files

  • I 'm using ipad 2 and am using iwork pages.  how can i set up iwork pages so that a page scroll left to right or right to left instead of just scrolling up?

    I am using ipad 2 and am using iwork paged.  how can i set up iwork pages so that a page will scroll left to right or right to left instead of just up?

    Here you are in a forum dedicated to Pages for OSX.
    Most of us don't use Pages for iOS.
    Better ask in the iWork for iOS forum :
    https://discussions.apple.com/community/app_store/iwork_for_ios
    Yvan KOENIG (VALLAURIS, France) lundi 18 juillet 2011 22:38:20
    iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.8
    Please : Search for questions similar to your own before submitting them to the community
    To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

Maybe you are looking for