Simple Edge Animate button

Hi All
I have built a simple button in a Edge animation using three labels, Up - Over - Down all with stop triggers. However, when I try and add a playback command and try and use "Stop at" the label option isnt highlighted to enable me to use it. any ideas what I am doing wrong?
Regards
Gavin

Similar Messages

How do you open a modal window from an Edge Animate button?

I am trying to create an animated group of buttons that open a Bootstrap 3 modal window when clicked. The animation (OAM file) is placed on the Bootstrap page.
This code is added to Animate "CREATION COMPLETE" for button creation and button click:
// Button 1
var btn1 = sym.createChildSymbol("HomeButton", "menu");
   // Convert/store a reference to the symbol as a string representing the element name of the symbol instance.
var btn1_e = btn1.getSymbolElementNode();
   // Now can use that element string and convert it to a DOM element to use with jQuery to call its css properties
   // and adjust whatever you'd like, including its position property
   sym.$(btn1_e).css({"position":"relative", "margin":"10"});
btn1.getVariable("setLabel")("Print Work");
btn1.getVariable("setDescription")("Examples of Telex advertisement");
btn1.$("MyImageBox").css("background" , "url(images/telexads_full269x151.jpg) no-repeat");
btn1.getSymbolElement().click(function() {
          console.log("button 1 was clicked");
document.getElementById("myModal");
$('#myModal').modal('show');
The div for the modal is on the main HTML page. I want to have the modal open a larger image of the button. Basically a lightbox for the Edge Animate stage, but it has to access the div on the parent HTML document (not the EdgeAnimate.html).
Here is the error from the Chrome Javascript console:
Uncaught TypeError: Object [object Object] has no method 'modal' portfolioButtonStage_edgeActions.js:4
(anonymous function)portfolioButtonStage_edgeActions.js:4
f.event.dispatchjquery-1.7.1.min.js:3
h.handle.i
I've tried Edge Commons Spotlight, but that doesn't open on the page correctly; it puts the image at the bottom of the main page.
Any ideas? Thanks

I am trying to create an animated group of buttons that open a Bootstrap 3 modal window when clicked. The animation (OAM file) is placed on the Bootstrap page.
This code is added to Animate "CREATION COMPLETE" for button creation and button click:
// Button 1
var btn1 = sym.createChildSymbol("HomeButton", "menu");
   // Convert/store a reference to the symbol as a string representing the element name of the symbol instance.
var btn1_e = btn1.getSymbolElementNode();
   // Now can use that element string and convert it to a DOM element to use with jQuery to call its css properties
   // and adjust whatever you'd like, including its position property
   sym.$(btn1_e).css({"position":"relative", "margin":"10"});
btn1.getVariable("setLabel")("Print Work");
btn1.getVariable("setDescription")("Examples of Telex advertisement");
btn1.$("MyImageBox").css("background" , "url(images/telexads_full269x151.jpg) no-repeat");
btn1.getSymbolElement().click(function() {
          console.log("button 1 was clicked");
document.getElementById("myModal");
$('#myModal').modal('show');
The div for the modal is on the main HTML page. I want to have the modal open a larger image of the button. Basically a lightbox for the Edge Animate stage, but it has to access the div on the parent HTML document (not the EdgeAnimate.html).
Here is the error from the Chrome Javascript console:
Uncaught TypeError: Object [object Object] has no method 'modal' portfolioButtonStage_edgeActions.js:4
(anonymous function)portfolioButtonStage_edgeActions.js:4
f.event.dispatchjquery-1.7.1.min.js:3
h.handle.i
I've tried Edge Commons Spotlight, but that doesn't open on the page correctly; it puts the image at the bottom of the main page.
Any ideas? Thanks

Muse not translating my edge animate buttons properly

So i created my animated buttons inside of Edge. When i preview in browser all is well. The animation is correct, as are my links. For some reason when I place into Muse Template, I loose the hyperlink. The animation looks good, its just not taking me to the proper page. I would be quick to say that I made an error inside Animate, as I am pretty new to it. However, being that it works properly in the browser, I am believing that the error is within Muse. Thanks in advance for any helpful tips.

responded to your another thread, Muse will not preview Edge Animate File

Make Edge Animate Button scroll to anchor point on click

Hey everyone,
first: I don't know anything about code...
I am currently setting up a one-page website and want to work with animated buttons made in edge.
So far everythink is working great.
My problem is that if I use the click condition "open URL" this will bring me to the desired location on my page but it will ignore the nice scrolling animation and jump there right away.
What kind of function do I need to solve this?
Thanks for your efforts.
- Toni

Hello, your code just saved me!
I am also looking for something similar to this:http://www.heathrowe.com/edge/scroll_with_page/
I would like to have something like the square but that it just stays in the same position, with out the animation.
The code for that is:
In Stage > compostionReady
$(window).scroll(function(){
var element = sym.$("arroworb");
element.stop()
.animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );
Do you know what should I change in that so it skips the animation? I'm gussing is the "slow" has something to do with it but had no luck trying by myself.
Thanks in advance!

¿Is there any way to link a button from Adobe Edge Animate to an anchor from Adobe Muse?

Hi everyone!
i'm doing an animated menu, a wanna know if it's possible to link an edge animate button to an adobe muse anchor.
Thanks a lot!

As I mentioned in your other post, you may want to describe your problem. There are many users here that can offer excellent help (some who are more knowledgeable than Adobe support staff).

Edge animate navigation in inDesign for iPad

Hello all. I am after creating a animated navigation system using edge animate but would like the buttons to go to selected inDesign pages. Is there a way to have a edge animate button that can take the user to another indesign page/document seamlessly on an iPad?
any help would be great
regards
Martin

Okay, I tried the above and it didn't work. After visiting this page, I made some adjustments to Martin's code:
I made a simple 5-page document in InDesign, with five animated navigation buttons on the document master page (so they appear on every page of the document). The buttons are based on Inspire magazine's "Interactive Banner" Edge tutorial.
The ARTICLE for this document is called Article1 (this is important!!).
In the Edge file, the five animated "buttons" are called Overlay_1, Overlay_2, Overlay_3, Overlay_4 and Overlay_5.
I inserted the following mousedown code into each "Overlay" button:
var myElementVar = sym.lookupSelector('Overlay_1');
$(myElementVar).append($('<a style="display:block;width:100%;height:100%;" href="navto://Article1#0" />'));
NOTE: the code will vary for each button -- the symbol name (sym.lookupSelector) will change based on which button you're coding for (Overlay_1, Overlay_2, etc).
The "navto" link points to the ARTICLE you want to navigate to. The number after the # symbol refers to the page in the Article you want to navigate to.
SUPER IMPORTANT: The first page of a document is 0, so specifying #1 jumps to page 2, #2 jumps to page 3, etc., etc.
** It's a little bit clunky, so I'm experimenting with the various nav actions to find the best one ("Click" doesn't seem to work that well, so I used mousedown instead) **
EDIT: I messed up on my original post. The navto code should point to the ARTICLE in the Folio Builder, not the FOLIO.

How do I link a google drive edge animate project to an iframe?

I have a simple edge animate project as a test. It has the following files in the root:
edge_includes folder containing 3 images and edge.5.0.1.min.js
project.html
project_edge.js
I want to be able to have these files stored on google drive (or dropbox or alternative) and link to them through an iframe on my website. I've tried doing this by keeping the file structure the same on google drive and just referencing the shared link of the html file, but the project will not work.
I've also tried replacing the src links of the edge.5.0.1.min.js file and the image files to their shared links on the google drive. This didn't work either.
Is there any way to host the files externally and have them still reference each other properly so the html file can be linked into an iframe on a different site?
Many thanks in advance
Barry

Just to add the relevant requested information:
I am using the latest version of Edge animate (2014.1)
Google chrome (and IE desktop not metro as backup)
If anyone wants to see the file then I'm happy to link to it, but I don't think the question really warrants it.
Thanks again.

How do you make a button download pdf file in edge animate?

Hi does anyone know the code or know how to make a download button in edge animate, that when you click the button it will fetch a pdf file from your pc root folder and offer it to download.

Hi Wayne,
To make a button download a PDF, you'll have to upload your PDF somewhere online and add the link to your button in Animate using the Open URL button in the actions popup.
Here's a good tutorial which will get you started with some of the basics of Animate, including how to create buttons. The link on your button would just be the URL of your PDF.
Cheers,
Sarah

Can you have a button play a specific frame in a different Edge Animate page?

I'd like to create a movie that can open other HTML files and go to a specific frame within those other pages. Is there any way to handle that inside of Edge Animate?

Thanks for the suggestion, but I'm looking for something a little different.
I'm looking to figure out a way to pass along some information from one movie to another.
For example. If I have a page (Movie1.html) that has Button A, Button B and Button C. Is there a way for me to open a different page (Movie2.html) AND point to a different frame based on what they clicked in Movie1.html?
So if they click Button A, it will open Movie2.html and go to frame label "IntroSection"
But if they click Button B, it will still open up Movie2.html, but this time it would jump to the label "AboutUs"
And if they click Button C, it will open up Movie2.html, it would jump to the label "End"
The idea is to have a few different files, but be able to point to specific frames or labels within an external movie.
Thanks!
Jeff

Buttons created with edge animate are not working on android and windows devices

Hello, I created a moble version of my website with edge animate (3.0).
The menue-bars/buttons work fine with iphone and ipad, but not with android and windows devices.
http://www.design-werk.org/buchgestaltung_kunstbuch.html
Does anyone have an idea and can help me with that?
Thank you guys,
Wolfram

Hello, I created a moble version of my website with edge animate (3.0).
The menue-bars/buttons work fine with iphone and ipad, but not with android and windows devices.
http://www.design-werk.org/buchgestaltung_kunstbuch.html
Does anyone have an idea and can help me with that?
Thank you guys,
Wolfram

Problems with Edge Animate and back button ios and firefox

I've put a bit of Edge content in a draft webpage:
http://cassidausa.com/indexy
..and am noticing a couple of issues:
1
When viewing in ios, I click through the content (there are links to products within the Edge animation), and then press the back button on mobile safari, only the Edge content is displayed, not the rest of the page.
2
When viewing in firefox, after clicking through a link within the Edge content and pressing the back button on the browser, the animation is paused from the point it was clicked. Other browsers that I've tested this on refresh the animation.
Ideally the edge content would continue to play from where it was.This is what seems to happen when I preview the animation in the browser from Edge animate.
Any help would be appreciated.
I really need to have this working or else I'll have to abandon creating the content in Edge.

This has always been the case for any animation in CP to be on top. Please
file a feature request. Same for communication between OAM and CP, none
for the moment. You van have transparent background and pause/play button
in OAM, could be a workaround.

I am trying to import external CSS in Edge Animate, Has anyone got a "simple" example showing this working that I could have a look at?

I am trying to import external CSS in Edge Animate, Has anyone got a "simple" example showing this working that I could have a look at?

Hi Vivek,
Thanks a lot for replying, actually i am creating a short LAMP animation. In which i used Blur filter on the fire flares(SVG images), everything works just fine on google chrome, but for IE10 & Firefox the filter seems not working, so i need to know is it possible to override the fallbacks for the Blur Filter through external StyleSheet.
IE10 & firefox rendered Image, blur filter not working Google Chrome rendered Image, blur filter working perfectly
So, can you please guide me, what shall i do in maintaining quality of my graphics as well while such animation's.

Edge Animate: Change URL, Back and Forward Buttons (JS window.history)

Hi,
I want to build complete homepages with edge animate and i am on a good way but i have only one problem.
A site built in Edge Animate seems to has fluently changes from site to site because it is only one site.
So i have to simulate the feeling of junping to next site ore move forward
An exaple: I have built a site with edge animate with the home button, info button and a contact button.
i can switch fluently from one to the other. so it seems that it is a complete homepage but when i am on contact or on info i cannot klick to the back button on the browser.
so i found on web that i can change the url state.
i made a symbol then made a click event and put the line ---> window.history.pushState("Foto", "Title", "/photo");
now the Url changes from "example.com" to "example.com/photo"
Now the problem: How can i say to edge animate, that when i click the back button on the browser that it hast to go to timeline on a label?????
Please answer me.
I am sleepless until i understand it

Among other things, you have a lot of code errors which modern browsers don't like. X-UA Compatible is necessary for IE browsers. So you can ignore that one. Or if you like clean code, put that meta tag inside an IE conditional comment.
The rest of these errors need attention.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fenergywallwindows.com%2Ftemp%2Fco llections.html
Also, why are you using tables for layout? CSS is much more efficient.
Nancy O.

HELP - Edge Animate issues - buttons/symbols not working/disappearing in portrait mode on mobile devices

Edge Animate - Issues - buttons/symbols not working/disappearing when in portrait mode on iPad and mobile devices, but in landscape version everything is fine.
Everything works cross broswer on Desktop - Safari, Chrome, Explorer and Firefox - mobile devices prove glichy... anyone else experience this?
It's a regular issue of mine, particularly with complex animations. Symbols disappear
- is it something to do with overflow?
- responsive scaling?
I have no idea.

Since no one has answer this post, I recommend opening a support case with CSS as they can work with you to solve this problem.
Garth Jones | My blogs: Enhansoft and
Old Blog site | Twitter:
@GarthMJ

Hi I'm trying to make a radio button web form using edge animate.

www.smpcanada.com/1.5/infinite_app
Hi,
Basically I'm working on this app, the only thing I need is, I want every option that the user click will be recorded and summarize, and will emailed to my email. Much like a web form, can I do that in edge animate? Please help...

www.smpcanada.com/1.5/infinite_app
Hi,
Basically I'm working on this app, the only thing I need is, I want every option that the user click will be recorded and summarize, and will emailed to my email. Much like a web form, can I do that in edge animate? Please help...

Simple Edge Animate button

Similar Messages

Maybe you are looking for