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.

Similar Messages

In DPS/Indesign for iPad - How can i create a button that once tapped, will pre-populate an email?

In DPS/Indesign for iPad - How can i create a button that once tapped, will pre-populate an email? like when you tap a recipe in Marth Stewart Every Day Food for example....

http://forums.adobe.com/message/4190932

What's New in Adobe Edge Animate CC | Creative Cloud for Web | Adobe TV

Check out what's new in Edge Animate CC. Sarah Hunt, product manager, shows you powerful new features like motion paths, templates, and publishing options.
http://adobe.ly/11O2ErN

Yay for motion paths, thanks for listening to our requests.
Now all we need is Edge and Reflow merged together for total Responsive control in our animations/multimedia productions.

Does edge animate support any APIs for problematically defining the keyframe transitions ?

Hi All Edge Animate Enthusiasts
While playing around with the timeline window , I got a good idea of defining keyframes and modifying css properties of elements for transitions. However , when I look at the Edge Animate JS API, I see that there are functions available only for playing , stopping timeline from specific points ( time , label etc) . This obviously means that the animation sequence should have been defined in the timeline already , but what if I want to dynamically create a keyframe transition for an element in runtime.
Does Edge Animate support it ?
Thanks
-Shyam

The answer is no. But you can always write plain javascript code to achieve that, using the Edge API just for selecting various elements.
But I doubt if generating dynamic keyframes using javascript will work as per http://stackoverflow.com/questions/18481550/how-to-dynamically-create-keyframe-css-animati ons
And if you just want to add a static keyframe animations, then you can create a css file where you define such animations for a class say "myAnimation", and add this class dynamically to the html element which you want to animate by calling addClass() function.
*You can insert the css rules or link the css file in the html page, by manually editing the html page using any text editor.
hth,
Vivekuma

HOW TO DO VALUE ADOBE EDGE ANIMATE CONNECTED WITH JQUERY FOR DATABASE MYSQL??

Please give me a suggestion...
thank's attention...

Check this link out:
Receiving INPUT TEXT, making Forms from scratch.
The idea is that a symbol is created and the input controls are created or attached to the symbol. For example, we create a rectangle on the stage, convert it to a symbol then name it "username". We can then do the following:
sym.$("username").append('<input/>').attr({ type: 'text', name:'text', value:'text'});
Add the above code in the stage compositionReady event. The above will add a text input control.

Preview Edge Animate folders on iPad?

Any help appreciated with ths basic question!
I have a test file (very basic) that works fine on Chrome etc but ultimately the finished file needs to work on ipads.
Should the folder just be able to be dumped into and run via dropbox? (as it isnt working at present).
What is the best way to run Edge animations on ipad (not online) and test them (and get them on?!) should this not be dropbox?
Any points greatly appreciated!
Henry

(A cynical person could think Apple has it in for Adobe.)
It's not just Edge Animate:
http://www.ipadforums.net/ipad-help/68367-bad-javascript-problem-slow-web-browsing.html

Edge Animate showcase on new ipad / safari

I have a question:
I am trying to watch the Edge Animate showcase on the new ipad using the safari browser.
But the 'view' buttons are not showing. When I switch of the 'javascript' setting of the browser
the 'view' button does show, but obviously the application can't play.
How can I watch the showcase on the new Ipad, do I have to change any settings?
Does Edge Animate work on the new Ipad?
I would love it if anyone could help with this question.

(A cynical person could think Apple has it in for Adobe.)
It's not just Edge Animate:
http://www.ipadforums.net/ipad-help/68367-bad-javascript-problem-slow-web-browsing.html

Is Edge Animate the best Adobe program for creating app demos?

I would like to create an animated demo (video?) that shows a mobile app UX as if someone is interacting with it...(ie. fly-out menus, zooming, scrolling, etc.) It is not meant to be interactive but rather just observed by the audience. I plan to include these in my online portfolio but I am not sure which Adobe app would best accomplish this. Is Edge Animate the best option for me?
Here is a great example of what i am trying to achieve...
Behance

When you say "App demos", are you referring to software applications? If so, Adobe Captivate is something to consider.
Cheers... Rick

Sticky header and footer in Edge Animate

I've created a long scrolling site in EA and need my navigation bar and logo to remain static at the top as I scroll down. I also want my Contacts bar at the bottom to stay put. Can anyone help me?
I'm not familiar with JS, CSS or HTML5 so please imagine you're talking to a child. I also need to know where to add the code in the Edge Animate project.
Thanks for your patience...

These fragments might fall under the category of "other", as an example, there is a copyright fragment in the Other tab of the fragment toolbox window. You could copy that and enhance it to make your footer.

How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. Do I use .png or svg?

I want to use Edge Animate to create native app in PhoneGap Build. How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. And do I use .png or svg?

If you use responsive scaling it will definitely scale .
For best practises regarding graphics refer
Edge Animate Help | Best practices for graphics in Adobe Edge Animate

I already have the Adobe Creative Suite but I do not have Edge Animate, how do I get it?

I already have the Adobe Creative Suite, but I do not have Edge Animate, which I require for a course I am taking (only need for about 3 months), how do I purchase the single app? It is also not letting me download the free trial.

CC 2014 is not a separate plan, it is the newest version of the CC plan
http://blogs.adobe.com/jkost/2014/06/installing-the-2014-release-of-creative-cloud.html
This messages says (at least some) CC 2014 programs use NEW plugins https://forums.adobe.com/thread/1499663
-so do not uninstall the older CC programs if you use plugins in your programs until you are sure you have plugins that work in CC2014
If you are sure you don't need the old CC programs
-http://helpx.adobe.com/creative-cloud/help/install-apps.html to install or uninstall
-read reply #3 about the ORDER of uninstalling & installing https://forums.adobe.com/thread/1242671

Adobe Edge Animate CC image loading bug

hello,
The animation which i created in Adobe Edge Animate which is published for web, and when i load the main file in browser noticed that the images which i used inside the Edge Animate for animations are loading two times one with "edge.3.0.0.min.js:240" and "jquery-2.0.3.min.js:5", i hope this is a bug. how can i a avoided this multiple loading of same image files.

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

Is there a way to use angular.js in edge animate

I am trying to add angular.js to my edge animate composition to use for a game. I want to use ng-model in input fields to store player information. I can't seem to get this to work by using. I have added the angularjs script using the add script feature and yepnope way. and this is what i have for my input field and label I want it to be binded to.
var namelabel0 = sym.$("nameInput0");
namelabel0.html('<form name="myForm" ng-app="" ng-controller="Ctrl"><input type="text" name="input" ng-model="user1"></form>');
var namelabel1text = sym.$("Text");
namelabel1text.html('{{user1}}');

I haven't tried this but I'd presume you would have to treat the angular js code the same way you'd treat custom external js scripts: that is use the AdobeEdge object. See my reply to this question:
Access the embedded Edge animation through Javascript
Peter Small

.oam in indesign for ibooks author – does not work help

Hi I am creating an epub3 in indesign for ipad to read in ibooks. I am trying to integrate an .oam file but it doesn't work. It will show up in indesign as adobe promised but it is not shown in ibooks on ipad.
Can anyone help me? Thanks for help.

>told by my father that he had Acrobat Pro trial downloaded on the same PC
You are not allowed to install the trial a second time
Since a "secret code" is put on your hard disk to prevent a 2nd install, the only way to install the trial a 2nd time is to completely wipe your hard drive and install everything again... starting with Windows
Actually, I am not sure that a simple FORMAT command goes to the hard drive area used for the secret code... you MAY need to remove the partition and start as if this was a brand new drive that has never been used before

Flash Timeline Animation to Edge Animate CC?

I have a client with an old Flash CS4 Presentation file that uses Forms and Slides and they want to update their presentation to HTML. I am not concerned about the presentation functionality or shell as my developer will create a new one... But, the presentation contains a bunch of timeline animations that demo their product.
I don't want to export the animations out using the Canvas tag, or as a movie or image sequence.
I am new to Edge, but I am thinking this is the solution for the animations.
Is there a way to export/import these Flash timeline animations into Edge? Or even, at the very least, import the assets into Edge?
Thanks,
Carol

What kind of animations do you have? If you have scenes in Flash you can reproduce that in Edge Animate with symbols. For small animations like a runner for example you can create a spritesheet with Flash and use it in Animate. You will have to use the clip tool and display on/off to set it up. Rigth now it takes several tools to go from Flash to Animate but Animate is quite adequate to reproduce what was done in Flash.

Edge animate navigation in inDesign for iPad

Similar Messages

Maybe you are looking for