Create interactive nav for mockup

I've created a mockup in FW. See it at the link below
http://www.openrangeimaging.com/test-posts/Mockup05.png
I have it so clicking on the individual pages shows the nav system as it would appear in it's up/down state for each page.I would now like to set this up so I can export a clickable interactive mockup. I'm thinking of exporting both html and pdf versions.
I've read through the help but I'm a bit confused as to how I should go about this. If I understand correctly one would create one button/tab, then turn it into a symbol and then create instances of the symbol for the other nav buttons/tabs. Then an interactive slice would be created over each button. The up, hover and down states would be defined in the behavior panel. Is this the correct process/workflow?
I hope to have the exported interactive mockup mimic what happens when selecting the different pages in the mockup as I currently have it. (see link above). So the current selected page has the tab up and the label text blue. The unselected pages have the tabs embossed down and the label text white. When hovering over an unselected Tab I want the text to turn blue. When clicking the Tab then becomes up (emboss is turned off in properties panel) and the text remains blue, the previous selected tab gets the emboss down effect and the text turns to white.
Is it possible for me to turn what I've already made into symbols and instanced symbols and assign the behaviors? Or is there a better process I might follow to achieve this?
TIA for any help!

Thank you for your replies!
What would be the best solution to create a pdf (with clickable images etc) to be embedded into a website?
Thanks!

Similar Messages

Creating interactive quizzes for use in InDesign CS6 DPS ebooks

Hi
Are there any Adobe products that I can use to create interactive quizzes that I can just drop into InDesign when producing ebook apps using the DPS. We’ve tried creating the quizzes in Adobe Presenter and Captivate, but couldn’t get the output to work in InDesign.
Ideally, I'm looking for a quiz generator that has a choice of question types and a input interface to enter the question details, much like that found in Adobe Presenter.
Any suggestions would be welcome.
Thanks

Neil,
I'm not a Captivate user but I downloaded the trial version, built a simple quiz and published it as per James’s instructions. I unchecked the box so that the timeline isn’t shown during the quiz. Since I’m not really familiar with Captivate, this might seem like a stupid question. Is there a way of not showing the initial screen with the play button and timeline at the bottom, so that the user would just see the first slide of the quiz in the publication? I also see the timeline on the Results slide. Can I turn that off? Or should I be posting this question on the Captivate forum?!
Thanks,
John

Help creating interactive presentation for iPad using InDesign

Hello All,
So I have some very basic experience using Adobe programs for my personal business solutions. Primarily photoshop. But I just got InDesign CS6 as it was recommend for creating an interactive presentation for an iPad.
Before I get to my main question I'd like to give you the basics on my needs for such presentation. I currently own a residential painting company and we have a printed client manual we use at our sales presentations to cover our services for prospective clients. I would like to create an interactive presentation, document, whatever (is easiest and will provide the best experience) for our sales reps to use on iPad devices. This presentation will ideally be between 20-30 pages long, with a main menu and 4-5 subtopics with page links, video & picture inserts, working web links, GIF's, and anything else that might spark customer interest or be an effective sales tool.
We are trying to integrate everything for use on the ipad for our sales presentation because we can use it as an all in one tool. Specifically for our client manual, schedule, job locations, credit processing, etc... Also, I see a video review on an ipad much more powerful tool than the boring written reviews we have right now.
Anyways, I really have absolutely no idea what I am doing. I have learned Adobe programs from scratch in the past, and I am looking for any beginner advice or resources you guys may have. Maybe some good starting points or examples of presentation templates for ipad use, functionality, etc... Really lost in the fog right now, and just looking for a little beginner guidance.
Any help or advice is grealty appreciated
Thanks
Tim

Tim,
I believe you can get more specific help over here:
http://forums.adobe.com/community/indesign
You may (re)consider the presentation format. A PDF (which may be created from an InDesign document) may an option for identical appearance (requiring sufficient pixel x pixel size of all appliances used. Otherwise, a floating (reflowing) format may be more appropriate. In the latter case, InDesign may be a dead end.

Creating interactive elements for a PDF using CS5

I created some interactive elements in a CS4 document and ticked 'Interactive elements' in the options box on the PDF General dialog box, and the buttons do what they should when the resulting PDF. But when I try to create a PDF with this file in CS5, the buttons aren't working. Is there another setting I am missing? The Interactive Elements option is set to 'Include appearance'.

You will need to make an Interactive PDF.
Some wise guys at adobe decided to separate PRINT and INTERACTIVE pdf settings.
Choose File>Export and select PDF (interactive)
Here's a blog post on potential problems
http://indesignsecrets.com/interactive-pdf-from-indesign-cs5-always-has-spreads-on.php
Read the comments for some cunning solutions

How to create interactive pdf for Ipad using InDesign CS6

Hi I created a Magazine layout using InDesign CS6 and wanted it to be viewed on native Ipad reader (but not as apps). I put interactivity features like page navigations and hyperlinks and converted it to interactive pdf. The problem was the links and buttons are not showing on Ipad.
I tried using Acrobat Pro to create the hyperlinks and this time the navigations and hyperlinks are showing. But is there a way not to create the hyperlinks manually one by one (specially the next page and previous page). If I have more than 100 pages of documents this process will be very tedious.
Is there a solution to create the interactive pdf directly from InDesign without creating the links in Acrobat?

Hi Guys
This is Sean Smith. Marilou who wrote the original post works for me. Bob if you could point us in the direction of details you need I’ll ensure we provide the additional information as soon as possible.
M tells me she pretty much doing exactly what Steve's article suggests.
The concern is what a remarkably cumbersome process this appears to be.
Even though I believe her explanation entirely I find the problem to be highly disconcerting as it’s wasting an immense amount of valuable time and inhibiting the production process significantly.
She is producing wonderful results but via an immensely painstaking process fraught with potential for error. Each page link has to be manually linked to the next by number. It’s entirely possible to make a mistake and link to the incorrect page thus missing pages.
If she inserts a new page – guess what? All the pages links have to changed manually and double checked yet again.
If she makes a ‘Contents’ section as we do and exports the InDesign file as an interactive PDF all the contents items and links are missing and are therefore blank.
She then has to export the document as a plain PDF and do the job again in Acrobat.
For an extravagantly wealthy company with such extraordinarily expensive software I find this to be entirely incredulous.
Who is the Product Manager for InDesign?
Are they aware of this issue?
What are they doing about it and when will it be done?
Just curious are you guys paid employees or volunteers as this appears to be an official forum and we are new here?
Digital publishing of PDF magazines appears to be an explosive growth market especially for platforms such as the iPad but this primary product for the task appears to be inadequate or ill-conceived.
Is DPS a possible solution or is this more for Apps than PDF production?
Regards
Sean

Creating Interactive Brochure for the Web

I am trying to find a way to create an interactive brochure with page curls, hyperlinks, printable, etc. Is this possible using Adobe software?
I thought it would be something you would create in Flash or Fireworks, but can't seem to find any info on it. I know you can create a primitive one in Indesign to a certain extent, but I am looking to add more that that to it.
Also, I created an interactive brochure from Indesign, but the file is about 6MB and loads very slow on the web.
I am just look for some input or advise in creating this kind of document.

I don't know how to make page realistic page curls but you could create a small page curling animation in the corner that is actually a button to the next frame.

Create interactive epub for web

Hi, I understand that we can create epubs for ipads like this with inDesign: https://helpx.adobe.com/creative-cloud/tutorials/video/build-single-issue-magazine-ipad.ht ml
I would like to create an interactive annual report to be published on a website. Similar concept as the the above, but not for ipad, only for web.
Please let me know if this is possible and are there any tutorials?
Thank you in advance!

Thank you for your replies!
What would be the best solution to create a pdf (with clickable images etc) to be embedded into a website?
Thanks!

Interactive video for indesign cc

How to create interactive video for marketing ie tap screen when video is playing and goods come up but must be able to use in indesign cc for magazine I am working on ?

Hi,
Bob is totally right!
It's a very clever solution given by Derrick Schultz.
As I said in his topic, I've tested this tip in a fixed-layout epub exported from InDesign CC 2014.1.
See: Dropbox - FanfanLaTulipe_Print-Num_02.epub
It works very fine! You can discover a simple slideshow page 6 by tapping on the image!

Create interaction record to an incomming email

Hi Experts,
We are upgrading CRM 5.0 to CRM 7.0.
I am new to ERMS concept and i want to make settings to create interaction record with the incomming email.
Could some can help me with the steps to achive the above fuctionality?
Thanks in advance
Regards,
Babu

Hi Arden,
Thanks for the information.
Now I am able to create interaction record for incomming email, but i have below concrens in this.
1. How can i get the email subject as interaction record description? what are the seetings need to be performed for the same?
2. How can i attach/append the reply of the email to original interaction record?
Could you please guide me on above things?
Thank you.
Regards,
Babu

How to create a digital interactive magazine for HTML5

Hi everybody! I am very new to the inDesign program and have been looking online all day trying to find a solution for us. I want to create and publish a digital interactive magazine for the web using an .indd file. I am wanting to add audio and video that people can click on while flipping through the digital magazine. It has to be html5 based and I can't seem to find a solution for what we need. I have been trying to export an interactive pdf but it never seems to play the audio. I use the media panel to import my audio and link it using the buttons and forms panel.
Im sorry if this is just another repost that you have seen but I truly can't find an answer to my problem. any help would be great!
Joe C.

I've always thought of InDesign as a tool for print design (which gets squeezed into other uses, and has some add ons in that area). It seems to me that you want an app targeted at HTML5 design.

DM152 - Creating Interactive Forms in Web Dynpro for Java

Hi,
I'm looking for the "initial" Web Dynpro project used in "DM152 - Creating Interactive Forms in Web Dynpro for Java". Does anyone know where I can get this zip file?
Thanks in advance,
Geraldo.
[email protected]

Hi Geraldo,
Refer the forum and ask Abdul or Ken to send the code
/thread/24464 [original link is broken]
Regards,
Santhosh.C

What's the most appropriate Adobe app for creating interactive apps and websites?

I recently had a potential customer call wanting someone to create an interactive website for customers to use on an iPad in his lobby. Ideally, I'd like to be able to incorporate cool animations, transitions and open video elements. I have no idea what to use to create something like that, and looking at the Adobe apps, I'm more confused than ever. A web search suggested InDesign could do it, but now it looks like Muse might be more appropriate...or maybe Edge Animate.
I'm guessing you Muse experts will have the right answer. Time is limited, but I'm committed to learning this new skill so I want to focus on the right software. Help?

Edge Animate would be a good choice to create animated and interactive content - http://html.adobe.com/edge/animate/.
You could then insert Edge Animate content directly into your Muse website. Take a look at this article - http://helpx.adobe.com/en/muse/tutorials/inserting-edge-content-muse-website.html.
Thanks,
Vinayak

I am trying to create interactive floor plans for my website Is it possible to do this in Flash CS4?

Is it possible to create interactive floor plans in flash CS4? Are there any tutorials out there to do this?

I don't see why not. Just create the elements you want to move around as MovieClips or swf's, add event listeners to these items listening for MouseEvent.MOUSE_DOWN, drag and MouseEvent.MOUSE_UP, drop.   writh the drag and drop functions and you're set.
function drag(e:MouseEvent):void {
     itemx.removeEventListener(MouseEvent.MOUSE_DOWN, drag);
     e.eurrentTarget.startDrag();
function drop(e:MouseEvent):void {
     itemx.removeEventListener(MouseEvent.MOUSE_UP, drop);
      e.eurrentTarget.stopDrag();

How to Create Interactive report lists for the gross sales, credit ....

How to Create Interactive report lists for the gross sales, credit returns, and gross weight for the customer for the current year and comparing the same with that of the previous year for the same period.....
plz tell me steps to accomplish this....plz ...give me the detail description..plz......many many thnx in advance...

Hi raja,
Display a checkbox , customer number on the basic list and also set a GUI STATUS on the basic list.....
Select the customer by checking the checkbox and click on the button you create in the GUI status....
Write the desired code to be displayed in
AT USER-COMMAND even checking the sy-ucomm....
so this would make you to into interactive list...
Hope this would help you.
Regards
Narin Nandivada

How to create search help for field in interactive adobe form

HI
I want to create search help for PERNR field in adobe form.
how i can do it.
Can any one giud me.
Regards,
Laxman Sankhla

Hi Laxman,
Please search SDN, there are lots of queries posted and solved earlier on this.
especially there are step by step blogs.
Cheers,
Sai

Create interactive nav for mockup

Similar Messages

Maybe you are looking for