Create interactive menu buttons in a scrolling frame in Adobe InDesign

[@MrMegranan]

Think you tutorials are wonderful! I would suggest you show what the completed project would look like upon completion after the project or tutorial description.

[@mohddaas1252]

Halo Mr. Angelo I am one of your followers on KZbin and benefited a lot from you. I have a question. I want to export an interactive file from the InDesign program that works on WhatsApp, if possible. Thank you.

[@AngeloMontilla]

Do you mean a file you can share via WhatsApp or a document that works in the WhatsApp program? I don't use WhatsApp, but you can certainly share an ePub (Fixed Layout) document to someone. This project won't work for PDF Interactive. Hope that helps.

[@mohddaas1252]

First, thanks for the quick reply.. I want to export the file to WhatsApp, so that many followers can watch it via their mobile phones. I can create a file pop-up and export it on the desktop, but when I want to transfer it to WhatsApp, it does not work.. What is the way for the work to be effective? Thanks again.

[@QDWorld-SwiftUI]

What a great person you are! Fantastic tutorial… thank you so much

[@AngeloMontilla]

Thanks QD!

[@kurouroro]

Amazing!! Thank you so much for this tutorial. Super helpful and detailed!

[@artpeace7]

Your InDesign videos are Superb my friend! Keep up the good work.

[@tomverdingh2558]

Hello Angelo, I can't seem to create a multi-state object within a state? Let's say the watch is available in different colours and I want to showcase that.

[@manoelacardoso5750]

Angelo, you are the BEST! Thank you for your tutorials!!!

[@AngeloMontilla]

Thanks! I am glad you find them helpful!

[@JaredAndol]

This is awesome. Is it possible to use this format as a pdf? I wanted to use this format as a portfolio and job sites require a pdf so can I convert this document into a pdf to share?

[@claudiaalves9023]

You're awesome. Great content as usual. Thank you so much for this amazing tutorial!

[@AngeloMontilla]

I am glad you found it helpful Claudia. Thanks!

[@juliataits]

Wow, what a great channel! Thank you so much Angelo for your great job!

[@AngeloMontilla]

Thanks Julia!

[@variebisKP]

la interacción de los estado no interactúan al momento que aplasto los botones 🥲

[@tamersaid3173]

Thanks a lot for your tutorials you have a high capabilities in delivering the content with clear and understandable way

[@AngeloMontilla]

Thanks Tamer! Glad you find them helpful!

[@justincarter197]

This is a great tutorial. For some reason every time I download the in5 plugin and then click in the menu for scrollable frames it gives me a prompt window that says "Scrollable frames is a separate install. Get Scrollable frames now" but then it won't let me click so after creating everything for desktop publishing, I can't get the scrolling frames to work =(

[@AngeloMontilla]

Hi Justin. It is a separate install. Sign up for the newsletter and in turn they will send you the scrolling frames extension. Be sure you're working on either Id 2023 or 2024 when you install the extension with the instructions included.

[@aishasheikh9748]

How do you save interactive buttons, i tried to save as pdf interactive but is not clikable

[@AngeloMontilla]

Hi Aisha, this will not work for PDF, unfortunately.

[@paulaingrid2220]

Hello Angelo, I want to do an epub with an interactive scrolling frame, as you did in “create a mobile catalogue with interaction, scrolling frames”. In the video after grouping the whole layout and inserting them in the frame, all the interactive buttons still work. But in this video, you point out that the interactivity is lost while grouping so you have to do it after you insert it in the frame. Why doesn’t it work in this video and in the other it does?

[@AngeloMontilla]

Hey Paula! Sorry if you didn't understand. It will work in the scroll frame. The point I was trying to make is that you should add the actions to the buttons after you've grouped the objects and pasted into the frame. If you spend time adding button actions beforehand then group all the contents, you'll have to repeat the process of adding actions again when you paste in the frame. I just want to make sure people don't waste valuable time repeating button actions when it's not necessary. Especially on tight deadlines! :) All the best.

[@elizavetabortnik4368]

Love your designs!!!The video is very helpful! 🙏 thank you 😃

[@AngeloMontilla]

Thanks Elizaveta! Glad you like them!

[@fatimabaiyent.]

Hi, Thank you for the pleasant and informative tutorials. Please advise, I’ve created in Interactive PDF portfolio following this tutorial. I have buttons which change the text description and the image only to realise that when exporting as an Interactive PDF, the links to ‘next page’ work, but none of the buttons for the gallery work. It works in the EPUB preview only. Is there a way to make this work for the I/PDF?

[@AngeloMontilla]

Hi Fatima! As I have told other viewers, these types of projects will not work for PDF Interactive. The only thing I would ever use PDF Interactive for these days are for simple navigation, hyperlinking, fillable forms, etc. Animation, Object States and Media will not work for PDF any more because it is flash based and those are HTML interactivities. I hope this helps and you can find a solution. All the best.

[@almirmusanovic513]

It is time for developers to add some browser like features to adobe reader.

[@karabomokoena547]

Hi Angelo, My question is.. Is there any way to resize (make it smaller) and adjust the placement of the scrolling indicator once or when you enable it?

[@enixsawada2962]

I follow your channel and I like your content. I wanted to ask you, are you Italian? I would like to see some of your content in my language, subtitled

[@AngeloMontilla]

Thank you! Yes, I am Italian-Canadian. I'll keep your suggestion in mind and do my best to include the subtitles for you.

[@enixsawada2962]

@@AngeloMontilla Thank you :D

[@alexzandriawatson3273]

Can you change the domain name when publishing?

[@AngeloMontilla]

Hey there! No, you can not change the domain when you use the Publish Online feature. However, you can export the HTML from InDesign. Go to File > Export > HTML. This will export the HTML, js and images from the document, however it doesn't preserve the layout all together. This method doesn't produce clean HTML and js on export. You're going to need some help from a developer to get it on your own site looking exactly how it does in InDesign.

[@EnricoMartino-D-VERSO-]

Thanks for this video. Is it possible with indesign to leave the button selected when we are on the selected page?

[@ngagutierrez6885]

Your tutorials are so great and easy to follow. Thank you for doing this. I have a quick question: when you set up the button on each watch with [normal, roll over (larger size a bit) and then click] , is there a function in Indesign that allow you to copy this setup and apply it to the rest? Thanks!

[@AngeloMontilla]

Hi Nga! You can set up an Object Style and apply that style to the Rollover. For example, create a Rollover version of the button style on your page and then add the Object style and call it Rollover Style. When you apply the Rollover Appearance in Buttons and Forms, go to the Object Styles and apply the Rollover Style. This is the easiest way rather than having to repeat the same process over and over. Hope that helps!

[@ngagutierrez6885]

@@AngeloMontilla Hi, it's me again. I followed your tutorial steps by steps but when I exported as Interactive PDF the "go the state" buttons didn't work (when i tested it in EPUB, it worked). Does this mean it only works when I publish it online and not as PDF?

[@AngeloMontilla]

@@ngagutierrez6885 Object States isn't supported for PDF. Your options are Publish Online or EPub (Fixed Layout).

[@ngagutierrez6885]

@@AngeloMontilla I see, well I guess publish online then. Thank you!

[@sodasocietyofdesignaustral7753]

Forgot to sey - love the pace and thorough nature of your tutorials - fantastic work

[@abdelmoulapod7099]

THANK YOU SOOO MUCH IT WAS REALLY SO HELPFUL YOU HAVE A NEW FOLLOWER FROM MOROCCO WELCOME ME 😊

[@javierzapanacaceres2933]

I dont understand when hmyou ht publish where is that showed on the web?

[@AngeloMontilla]

To an Adobe-hosted URL. However, you can share the link or embed it to another site with an html code. I cover how to do this in many of my other videos. Thanks!

[@javierzapanacaceres2933]

@@AngeloMontilla thank you so much for your response, your videos are Amazing😊

[@alfredog.g.7281]

👌

[@ayoubberrichi953]

As always the piwer of interactive indesign

[@johncmark7715]

Wow i like your work, you're doing great

[@YouriKulikov]

how to do interactive pdF?

[@karolisputnikas7327]

So, the main question is: where this interactive project is used for, after you create it? What's the main purpose of it? Thank you for the answer!:)

[@AngeloMontilla]

Hey there. Three options: 1. Publish Online to a URL that lives on an Adobe-hosted server but can be shared and embedded to other platforms. 2. EPub (Fixed Layout) to view in an e-reader such as Apple Books (Mac) or Calibre (Windows). 3. Export it as HTML by going to File > Export and then choosing HTML. This packages the HTML, js and images which you can share with a developer to help you host on your own site.

[@sodasocietyofdesignaustral7753]

Just to help you out fella - you can increase your pasteboard area - under preferences - you have to option to increase width and height of your pasteboard - this would negate the issues you’re having with resizing your scroll panel objects (watches) and help speed up potential workflow bottlenecks c

[@AngeloMontilla]

Hey there! Yes, this is before I found the power of Guides and Pasteboard when working with Scrolling Frames. 😃 Thanks and take care!

[@nokindesign2258]

angelo great work as usual, but there's one problem with this interactive (pdf) work, as it must be open with only adobe acrobat reader and this is big problem, because if the user doesn't know this info our hard work is usles so what shall you do in this situation

[@AngeloMontilla]

Hey there! I never recommend doing a project like this for PDF interactive. It won't work. The only time I'll ever use Interactive PDF anymore is for simple hyperlink, bookmarks and navigating through a document. Object States and Animation aren't supported for PDF. Try exporting for EPub and view in an E-Reader like Apple Books. Thanks!

[@zaitoonnaz9575]

Can you please tell me if there is a way to remove the weird color we get in fillable form fields after we export them to pdf? I have watched almost all of your tutorials but didn't find a solution to this problem.

[@AngeloMontilla]

Hey Zaitoon. How are you setting up your text fields? In InDesign, draw a text frame and the in the button and forms panel, instead of button set it as a text field. Down below you can set the pt size and typeface of your choice. Export as PDF Interactive and test it out.

[@graphicdesigning1977]

I hope you are doing well. I just need help. I want to publish this scrolling document online but it gives this error. Can you please help me what should I do now it's very urgent. Thank you in advance

[@AngeloMontilla]

What version of InDesign are you using?

[@graphicdesigning1977]

@@AngeloMontilla Adobe indesign 2023 version

[@AngeloMontilla]

@@graphicdesigning1977 Try downloading the newest version of the Scrolling Frame. The 2022 plug-in won't be supported in 2023: ajarproductions.com/blog/2015/12/08/universal-scrolling-frames-for-indesign/

[@graphicdesigning1977]

@@AngeloMontilla when I published it it says, this service isn't available for your account.

[@AngeloMontilla]

@@graphicdesigning1977 I have never got that error before. I would contact Adobe support or go back to 2022 for the time being.

[@warzonexc1]

Excellent!!!! Thank you.

[@affectiongraphics7637]

best your design

[@sophielodge8117]

This is so great. Is there a way of creating scrolling frames without in5? I've tried using Overlays but nothing seems to happen when I preview it using the EPUB window, or when I publish online...

[@AngeloMontilla]

Hi Sophie. It's a great question. As far as I know, in5's extension is the only way to create the scrolling frames. Yes, Overlays has the option but it hasn't worked since InDesign stopped supporting its DPS platform years ago.

[@sophielodge8117]

@@AngeloMontilla Thanks so much for your help

[@thetoonbook]

Subscribed 🤗 thanks

[@AngeloMontilla]

Thank you!

[@tigerbilla3799]

Excellent Sir... Luv from India..

[@AngeloMontilla]

Thanks Tiger!

[@wilmarkjohnatty4924]

Hi Angelo, Question: What is an easy way to change one of those Watch images in the scroll frame AFTER you have finished the page? You have multiple states, and just finding it and changing it in the Layers panel will leave the Rollover and Click states with the old images? Is there an easy way to do this?

[@AngeloMontilla]

Hi Wilmark. Use the Links panel. Right-click the image and then choose Relink. If there is more than one instance, Relink All Instances. Choose the image and replace it.

[@wilmarkjohnatty4924]

@@AngeloMontilla Ok thanks

[@harryrajaharish]

I love this

[@design_beta7645]

we are waiting for your this types of amazing videos please uploaded this nailed types of vedios. you are amazing.

[@AngeloMontilla]

Thanks MD! I will have a new tutorial this week. I typically upload every 2 weeks as my tutorials are in depth and require more planning. I am glad you are enjoying and learning!

[@design_beta7645]

@@AngeloMontilla thank for replaying. i had so much searching in vedios but never got this types of vedios like yours. keep going brother. we will be with you.

[@andriadaniellenaidoo9423]

Love this video❤️

[@friendsonly777]

Love all your work 💞

[@auyeungkawo]

Can I self-host the whole thing?

[@AngeloMontilla]

Hi there. You can embed the project right into your website, however if you wanted to host entire project, you can File > Export > Export HTML. Keep in mind this option goes not keep the geometry of the layout. It generally just saves all the assets (text + graphics). From there you can use a program like Dreamweaver or hand assets to a developer to put together. It's a little more complex, but that is how you'd have to self-host.

[@andriadaniellenaidoo9423]

What file(pdf/SWF) does an interactive InDesign file save as?

[@AngeloMontilla]

Hey Andria! You'd have to go to File > Export and select PDF (Interactive). Just be aware that with Flash being phased out, much of the interactivity won't work. Also Object States isn't supported for PDF. Best of luck!

[@crztyle]

Can this type of interactive PDF be viewed on mobile phones?

[@AngeloMontilla]

@@crztyle Not for PDF, but for EPub or Publish Online. Here's a tutorial for a mobile catalogue that I exported for EPub and viewed in Apple Books: kzbin.info/www/bejne/l2qVY3ueqqhkaqM

[@Jamanaarif]

Love it. Cool!

[@MeryemKocabayDesign]

You are so kind and helpfull 🥰 An another amazing video again 🤩I love your way of teaching. Moreover they are all free 😻

[@AngeloMontilla]

Thanks Meryem! I am glad you find them helpful! I just launched a full course - and working on another now - if you're considering expanding on these tutorials! montilladesign.com/courses