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

Minified .js files break interactivity on publish

$
0
0

I made a post earlier looking to fix the symptom, but I should be trying to fix the problem. I have a complex Edge Animate file that works properly when I use "preview in browser" or when I manually execute the 'index.html' file from the project directory. When I choose to publish the project, Edge Animate minifies the .js files ("index_edge.js", "index_edgeActions.js", and "index_edgePreload.js") which in turn breaks the project.

 

I have found that replacing these three files with the original project directory versions restores functionality to the published 'index.html' file if I have exported to 'web' folder structure. I have had no success replicating this process with an .oam file. Can anyone offer a solution to get the project working natively out of Edge Animate after publish?


Show or hide a symbol not an element in code

$
0
0

Hi, folks

I have been struggling with this question because the line:

sym.$("someElement"). hide(); works but the line:

sym.getSymbol("someSymbol").hide(); does not work. Is that because hide() and show() are jQuerry functions and do not work with a symbol reference?

Can anyone tell me what function to use with a symbol to hide it or show it?

Edge Animate Crashing During Save and Error when Loading

$
0
0

I have a large file with close to 100 symbols and I am getting frequent crashes when trying to save. I have submitted many crash reports. After the most recent crash, i tried to load the project and I got an error saying, "An error occurred. Please save your work and restart Edge Animate". I saved and restarted only to see the same error. Please advise.

"This file will be automatically upgraded and saved with the suffix 'upgraded'"

$
0
0

Argh -- I'm very new to Edge Animate, but I appear to have run into an issue that is much more complicated than it needs to be.  I purchased an EA template for use in a digital magazine, which you can find here:

 

http://codecanyon.net/item/edgedial-a-responsive-ui-dial-and-image-slider/7064421

 

It's a nice dial widget that uses Greensock.  When I import the template and try to create my project, I get the dreaded "This file will be automatically upgraded" message, which creates a new folder deep in my /TemporaryItems/Cache... folders.  When I save the project to a new folder, it looks like a number of files (including a proprietary Greensock library, and index_edgePreload.js) aren't coming along for the ride.  I've tried dropping everything that appears to be missing into the new folder, but I'm still getting a nasty alignment issue -- the output is fine in desktop Chrome, but is completely broken in desktop Safari (the content gets thrown out of alignment).

 

This _upgraded thing seems to cause lots of problems, but are there any best practices for making sure that the new project works after saving down to a new folder?  Very frustrating.

Is there a way to insert/update .js files in an .oam after publishing?

$
0
0

I'm working on a rather complex Animate project that utilizes Edge Commons and jQuery UI. I'm using Edge Animate CC 2014 because 2014.1 broke some of that functionality and I was already too far into the project to update the code.

When I'm testing the project via "Preview in Browser" everything works great. But when I publish as either a .oam file or as web, the project is just broken. The interactive elements that depended upon Edge Commons are gone.

I've narrowed the issue down to the three files "index_edge.js", "index_edgeActions.js", and "index_edgePreload.js". If I copy the working files from the Animate project directory and replace the published versions, the web export works. I'm assuming Edge Animate is compressing the code in these files and that is breaking something. However, I need a .oam file so that it can be utilized by the next person in the chain. Is there a way to replace those three files with the 'working' versions within the .oam file?

How can I insert an iFrame in Edge Animate CC?

$
0
0

Does anybody know how to insert an iFrame into a Edge file?

Slideshow keeps hiding

$
0
0

Hi. I created a one page website in edge animate. But I'm having an issue with the slideshows. When you preview the doc in a browser, if you click once on one of the top buttons (any of them) and let the slideshow load, in about 5 seconds it just disappears. If you click another button and go back to this button again, the slideshow doesn't exhibit the same bad behavior. Can someone help?

 

https://dl.dropboxusercontent.com/u/21231523/kwpcreative2.zip

 

Thanks.

Edge Animate ignoring wrapper divs

$
0
0

Hey guys

I have a responsive design in Dreamweaver with an Edge Animate animation in there.

The animation is scaling with the size of the browser window, however

it is ignoring the divs that it is in. So when I scale the browser down it

is scaling but outside of the boundaries of the divs it is nested in.

I have tried to turn the wrapper div into block display with border-box

box sizing however it is not working. Any suggestions would be muchly

appreciated. Thanks


Does anyone know how to make an Edge Animate animation responsive in Muse?? I found a tutorial and know about switching to percentage; but nothing is working!

$
0
0

Does anyone know how to make an Edge Animate animation responsive in Muse?? I found a tutorial and know about switching to percentage; but nothing is working!@

How can I add this css code to my project?

$
0
0

I know there is an easy way to do this but I can't figure it out. I want to change the default highlight color of text selection and this is the css code,. How can I add it to my edge animate site?

 

Highlight Code:

 

::-moz-selection {

background-color: #BA9EB0;

color: #ffffff;

}

 

::selection {

background-color: #BA9EB0;

color: #ffffff;

}

How to start a mouseenter only if the cursor hovers for a certain time?

$
0
0

Hey there,

 

i have a button ("button_solarmover") that triggers a symbol ("solarmover" - a tooltip-like div-container with image and text). But if you move your cursor quick enough, the mouseleave-function doesn't work.

How i can i fix it? Google tells me something about a timeout-function, but i'm not sure how to include it into Edge..

 

That's my code:

 

  Symbol.bindElementAction(compId, symbolName, "${_button_solarmover}", "mouseenter", function(sym, e) {
    
     sym.getSymbol("solarmover").play("show");
     sym.getSymbol("button_solarmover").play("show");

 

  });

How do i make my video load quicker when the animate project gets online?

$
0
0

Hey,

 

I created a looping responsive video within animate to have as a banner on a page on a website.

 

But it takes a long time for the animation to start, it kinda feels like the browser is loading the full video before playing it, which i think is odd..

 

link: http://www.racingfactory.jakobplenge.dk/djaevleraes.html

 

I have an older webpage i created for fun with an html video in much greater quality (http://html.jakobplenge.dk/) "in the bottom of page"), not created in animate, and it is starting much more instant, so is edge animate doing something to prevent the video to start quicker?

 

Can anyone help?

 

Thanks!

Edge Animate ad banner to open up a link in the in app browser window of Adobe Content Viewer

$
0
0

Hi I've got an adobe edge animate banner that animates and looks good. But I need it to be able to open a link (once the banner has been tapped on) in the Adobe Content Viewer app's in app browser window. Presently it only opens up within the 300x600 box that the ad is in.

Adobe edge embed video for ipad

$
0
0

Hi,

 

I've got a problem similar to this one :

 

http://forums.adobe.com/thread/951962

 

I'am playing a video file (mp4) on an animation made with edge.

The video start at a trigger position.

It work fine on my browser on my computer.

but the video doesnt start on iPad.

 

I work with DPS.

The animation is included like an HTML page.

It work exept the video.

 

my video is embed this way :

 

var vid = $("<video width='518' height='357'  id='videoID'>" +

"<source src='video/myVideo.mp4' type='video/mp4' />" +

    "<source src='video/myVideo.webm' type='video/webm' />" +

   "<source src='video/myVideo.ogv' type='video/ogg' />" +

   "This browser is not compatible with HTML 5" +

"</video>");

 

sym.$("videoContainer").append(vid);

 

Is there an other way to embed the video for iPad ?

 

Thanks

edge audio not playing in DPS

$
0
0

I have buttons to trigger different audio files (mp3) in edge. When previewed on the web it plays fine. Once the oam file is imported to InDesign the audio is gone both on desktop preview and ipad.

 

Any help would be appreciated.


sym.stop() on Stage timeline closes popups!

$
0
0

Hi. I have a project divided into parts by labels. Before (in front of) each label i have sym.stop() action to prevent animation going further; it is allowed to continue only by clicking on a button.

 

There is another button on stage, which opens a popup with a movie.

 

If the popup is opened BEFORE animation goes to frame with sym.stop(), popup CLOSES ITSELF when animation reaches sym.stop() frame.

 

It didn't work like this in previous version of Edge Animate.

 

Help?

Static Banner Resizes - Is Edge For Me?

$
0
0

I saw a video that showed how easy resizing a banner can be with Edge.

I know its primarily for motion and interactive banners, but I was wondering if Edge is also helpful for static banners like jpgs?

 

Our company also will have to create some animated banners down the road but I think HTML5 is too new of a technology for them to put their money on, but I assume it has flash and gif output capabilities.

 

So for static ads in the meantime, and possible animated (non HTML5 for the time being) ads, would you recommend I start using Edge?

Or is edge not meant for these uses.

hide cursor?

$
0
0

Hi guys,

 

in our project at this moment it is necessary to hide the cursor completely.

Is it possible to do this with edge animate, and how??

 

i tired to do this, in the actions of the stage and added this code:

 

sym.$("stage").css({"cursor":none});

 

 

 

but i don't know if this is right,

i know html5  but not so much about javascript.

 

 

sorry for my bad english, i am german

Touchmove to Drag Object Fails

$
0
0

I cannot find a working example of the touchmove trigger anywhere in these forums (or on the Internet).

Anyone who is successful in dragging an object with touch does so by injecting custom init() handlers into a Stage action upon creationComplete. But I can't find anyone who has used Edge Animate's built-in touchmove trigger on an object.

This code works perfectly for click-and-drag:

 

mouseover

// insert code to be run when the mouse hovers over the object

sym.$("myobject").draggable({opacity:0.50 , revert:"invalid"});

 

However, this code does nothing in a touch interface for me:

 

touchmove

// insert code to be run when a user drags an object (for touch devices only)

sym.$("myobject").draggable({opacity:0.50 , revert:"invalid"});

 

Can anyone point me to a working example of an action triggered by touchmove on an object in Edge Animate?

Thanks.

Loading jquery ui - ReferenceError: jQuery is not defined

$
0
0

I am following a simple tutorial to add dragging functionality to a composition.

 

I added this code to the creationComplete-event of the stage:

 

var onComplete = function onComplete() {

    alert('loaded"); // -> fired

    

     sym.$('blueDD').draggable();

     // throwing these errors in Firefox:

     //

     // ReferenceError: jQuery is not defined

     // TypeError: sym.$(...).draggable is not a function

}

 

yepnope({nope:['js/jquery-ui.min.js'], complete : onComplete});

 

 

Jquery UI is the newest one (1.11.2)

 

Questions:

* What am i doing wrong? Maybe its because JQuery UI is an AMD - Module?

* How do i know which version of jquery edge is currently using?

* Is it possible to "update" the jquery version that edge is using by my own?

 

Thanks, Ingo

Viewing all 9897 articles
Browse latest View live


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