Interactive PDF Design | Pop-up Windows Part 1 Chapters 0:00 Intro 0:25 Creating the Graphic Elements 9:37 Making Elements Interactive Thanks for stopping by!
Oh my goodness, I can't believe how simple you have made this thank you thank you!!! I have been struggling with this all morning on different channels trying to sort this out - maybe it was just one of those days, but, I got it - thank you
Thanks for this! Still relevant in 2022 on Indesign 17.2.1. A client of mine requested pop-ups and I had run out of real estate. This helped me a lot as I have never had the request before.
@@ChrisMorenoDesign Hi again, I've just realised now that the project I'm working on will be opened on mobile devices too. I just tested it and it doesn't have the desired effect on my phone. Do you know if there is a work-around, or do pop-ups only work properly when opened on desktops/laptops? Thanks
Good afternoon. An error occurs when uploading to an interactive PDF. The layers are unloaded in the wrong order. The close button falls under the description layer and does not work. I tried changing the layer groups, it doesn't help. What could this be related to?
Thanks this was pretty straight forward - helped a lot!!! Although do you know how much text can we add to the pop up window? And if we can add scroll bar as well to read through the text in the pop up window?
Hey Chris, Thank you so much for the very informative video. I'd like to create a Table of contents in a pop up window. Is it possible to create a pop up window that contains links that lead to another page of the document? I made the links before turning the TOC into a button, but it didn't work. Any ideas are appreciated. Thanks Chris.
Greetings - appreciate the kind words and great question! Yes, this is possible, and my latest TOC video will walk you through the steps: ua-cam.com/video/8uCmIYYO2FU/v-deo.html Please keep me posted, cheers!
You can trigger a TOC in a pop-up, but it won't be interactive in PDF with this technique (interactivity within a button is problematic). You'd need to put the TOC in an Object State, or use an animation where the TOC is hidden to start. That would be best supported in our commercial add-on, in5, but it may also work in Publish Online and Fixed Layout EPUB.
Hi Chris. I notice that the colour of the navigation tabs changes while you are on that sections and it remains the same when you are scrolling on the same section. can you please explain how you set up this effect?
Hi Chris Moreno, Question: I'd like to place a hyperlink in the pop-up (let's say where you placed the phone-numbers). If I do it threw the hyperlink-panel the links don't work. Do you know how to resolve this? Thank you for your clear and quick tutorial! It was very helpful so far.
The fact that the pop-up itself is a button may be blocking any clicks inside on hyperlinks. Creating a pop-up with Object States and exporting to Publish Online, Fixed Layout EPUB, or in5 will likely be more reliable. Here's an example of a pop-up with interactive video controls inside, exported with in5: ua-cam.com/video/TkWVOJA5Be8/v-deo.html
hi, thank you very much. one issue though. when i open the interactive pdf on mobile with acrobat, the buttons do not work. page to page from the last video works but the contact info buttons from this tutorial do not show the info on mobile. works perfectly on pc though...
That is one of the limitations with PDFs (reader inconsistency). You might want to look into an HTML-based format: ua-cam.com/video/XW-dvtI6g2U/v-deo.html
Hi. Thank you for an informative video. I have a problem - I un-check the printable box but the pop-up still shows up, if open, when printing the PDF. What do I do wrong?
Hi there! I recommend starting from scratch - recreating the button and steps - just to see if something was missed. It definitely should not be doing that. Thanks for the comment!
Hey Chris, thank you for this video! I am trying to create another button within the pop up. Is this possible? I'd like the end piece to remain as an interactive PDF. Any insight or tutorials you can recommend would be awesome! Thank you!
I followed the steps, but somehow my pop up get stuck once it's triggered (Of corse viewing it in an interactive PDF). Does anyone have experience with this?
Hi there! I haven't tested this recently, but often times in the past if a mouse-click happens outside of the window area after the pop-up is triggered, the pop-up may freeze. Once a pop-up is triggered, the next mouse-click should happen in the window area, like the close button for example. I hope this helps!
For some reason the pop up works perfectly in the html preview in InDesign, but if I export it to an interactive pdf the close button and the hyperlink button disappear. I suppose they end up behind the Pop-Up Window itself but I can't figure out why and how to fix it... if anyone has ideas, help is appreciated!
Hi Shelly! I would run through the tutorial again to make sure all steps, from creating to exporting, are the same. Also, double-check all elements are on the same layer. Hope this helps and thanks for stopping by!
hi chris i am new on Indesign facing an issue to adjust text field formating. i want to add a paragraph in my PDF form but i am unable to adjust between line spacing please guide me how can i adjust ?
Hi! I did an interactive PDF with several buttons but it doesn't work in any other program different than Acrobat, how can I make it functional in a browser?
That is one of the limitations with PDFs (reader inconsistency). You might want to look into an HTML-based format: ua-cam.com/video/XW-dvtI6g2U/v-deo.html
Do you know why when I open the PDF in a browser, the arrangement of the popups is backwards? I.E. the text is behind the text box when the popup comes up
I have a document with 3 pop-up interactive buttons on 1 page. When I preview my interactivity on InDesign, there is no problem. When I export as an Interactive PDF, two of the pop-ups overlap the copy. Is this an Acrobat issue?
I have not tested this personally. I always make sure to include a close button with all of my pop-up windows for the user. Please keep me posted if you start testing - thanks!
Hi Chris, great video, but i have a question, if i have an interactive PDF that works on my PC or laptop when i send it to a client and works fine there , but , how can I, for instance make a PDF that i can send to client by whatsapp and when they open it, they can open a link on UA-cam or any other website from the PDF? really appreciate the help because i havent been able to figure that one out!
Yes, this can be done and my other interactive video may spark some ideas for you, ua-cam.com/video/nnDOVYl6Jec/v-deo.html. You can choose "Go to URL" in the button actions. Hope this helps and thanks for watching!
Hi Chris, i have a question : How can you export your pdf with pop-up buttons in a HTML version? i wish to keep my pdf interactive in HTML with working buttons. Thanks dude :D
HTML formats have much more flexibility than PDF. For example, you can use Object States and animation. Here are some videos that help with that ua-cam.com/video/U6FoYdzJwZ0/v-deo.html ua-cam.com/video/TkWVOJA5Be8/v-deo.html ua-cam.com/video/Jc_sCXQ-LiA/v-deo.html
Is it possible to change the color of a button when we click on it? Example: it is white and when I click I want it to turn blue but remain so until I close the window it has associated with it
Why are you promising a video that will show us how to perform a simple basic short operation and then proceed to making us watch you make every design element on the page when you can just have the design ready at the beginning and cut to the procedures and save us a crap ton of time????
Interactive PDF Design | Pop-up Windows Part 1 Chapters
0:00 Intro
0:25 Creating the Graphic Elements
9:37 Making Elements Interactive
Thanks for stopping by!
Your videos are really helpful and informative! Keep up! Thanks
Thank you!
Oh my goodness, I can't believe how simple you have made this thank you thank you!!! I have been struggling with this all morning on different channels trying to sort this out - maybe it was just one of those days, but, I got it - thank you
Hi Jackie! That is great to hear, thank you!
Thanks for this!
Still relevant in 2022 on Indesign 17.2.1.
A client of mine requested pop-ups and I had run out of real estate. This helped me a lot as I have never had the request before.
Great to hear!
@@ChrisMorenoDesign Hi again, I've just realised now that the project I'm working on will be opened on mobile devices too. I just tested it and it doesn't have the desired effect on my phone. Do you know if there is a work-around, or do pop-ups only work properly when opened on desktops/laptops?
Thanks
Hi Sean, my video on Mobile & Browser Functionality outline the adjustments needed: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
thank you for the explanation. you are king !!!!
Appreciate the kind words and thanks for watching!
The video so informative that great helpful for everyone who watched it.
Wow! This is helping me take my pathetic contract to a whole new level! Thank you!
Thanks for watching!
OMG! Thank you! Super helpful!
Great to hear!
Thanks Chris!! Very good tutorial!
Great to hear!
Great video - realistic example, well explained and detailed. Fabulous!
Thank you Chris for your video. It was really helpful. I create a beautiful presentation thanks to you!
Great to hear!
It's marvellous, thank you so much
Thanks for watching!
Very well. Thank you.
You've been a life saver thank you!
Glad to help and thank you for stopping by!
Great video, thanks you!
Thanks for watching!
Great!!!! Thumbs upppppp
awesome work! well explained.
Thank you!
Super helpful! Thank you!
Really Amazing!
Great explanation, very clear. Thank you. :)
@chrismorenodesign Thank you so much!
Glad to help! 🤝
Helpful but you also have a very nice voice to listen to! keep it up :D
Thank you!!
To skip to the part where he shows how to make the interactive pop-up, forward it about 10 minutes.
Thanks a lot !
謝謝！
Thank you for sharing :)
No problem! I am working on a few new videos and they will be posted soon :)
Thankyou!
Thank you!!!
tankyou
Thank you so much!
Hi bro thanks this was super helpful!! But anyway to make these work while opening the pdf on mobile
Hi there! I just uploaded a new video that resolves this issue: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
Thanks
perfect
👍
Good afternoon. An error occurs when uploading to an interactive PDF. The layers are unloaded in the wrong order. The close button falls under the description layer and does not work. I tried changing the layer groups, it doesn't help. What could this be related to?
Greetings! In this video, I created all interactive elements on the same layer as the document. The entire project is only one layer. Hope this helps!
Can do it without Indesign at all :)
Thanks this was pretty straight forward - helped a lot!!! Although do you know how much text can we add to the pop up window? And if we can add scroll bar as well to read through the text in the pop up window?
Greetings! I have never tried to create a scroll bar within a pop-up window. Might be cool to test!
@@ChrisMorenoDesign wasnt expecting a response so soon! Any chance you can guide me on it?
Hey Chris, Thank you so much for the very informative video. I'd like to create a Table of contents in a pop up window. Is it possible to create a pop up window that contains links that lead to another page of the document? I made the links before turning the TOC into a button, but it didn't work. Any ideas are appreciated. Thanks Chris.
Greetings - appreciate the kind words and great question! Yes, this is possible, and my latest TOC video will walk you through the steps: ua-cam.com/video/8uCmIYYO2FU/v-deo.html
Please keep me posted, cheers!
You can trigger a TOC in a pop-up, but it won't be interactive in PDF with this technique (interactivity within a button is problematic). You'd need to put the TOC in an Object State, or use an animation where the TOC is hidden to start. That would be best supported in our commercial add-on, in5, but it may also work in Publish Online and Fixed Layout EPUB.
Excellent, very helpful. Can the contact popup if we hoover on the phone icon
You sure can! I just uploaded a Part 2 to my channel which goes over this option. Thanks for watching!
Hi Chris.
I notice that the colour of the navigation tabs changes while you are on that sections and it remains the same when you are scrolling on the same section. can you please explain how you set up this effect?
Greetings! I just made sure to turn down the color tint/opacity on the other tabs and left the section tab 100%.
Hey please make a full crose about interactive
Hi Chris Moreno, Question: I'd like to place a hyperlink in the pop-up (let's say where you placed the phone-numbers). If I do it threw the hyperlink-panel the links don't work. Do you know how to resolve this? Thank you for your clear and quick tutorial! It was very helpful so far.
Hi there! I discuss hyperlinks in Part 2: ua-cam.com/video/6bo6JftSN4c/v-deo.html
The fact that the pop-up itself is a button may be blocking any clicks inside on hyperlinks. Creating a pop-up with Object States and exporting to Publish Online, Fixed Layout EPUB, or in5 will likely be more reliable.
Here's an example of a pop-up with interactive video controls inside, exported with in5: ua-cam.com/video/TkWVOJA5Be8/v-deo.html
hi, thank you very much. one issue though. when i open the interactive pdf on mobile with acrobat, the buttons do not work. page to page from the last video works but the contact info buttons from this tutorial do not show the info on mobile. works perfectly on pc though...
Hi there! My Interactive PDF Design | Pop-up Windows Part 3 | Mobile & Browser Functionality video will help: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
@@ChrisMorenoDesign thank you!
That is one of the limitations with PDFs (reader inconsistency). You might want to look into an HTML-based format: ua-cam.com/video/XW-dvtI6g2U/v-deo.html
Can this export be reliably used in other readers or browsers as well?
Greetings! I covered Mobile & Browser Functionality in another video: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
Hi. Thank you for an informative video. I have a problem - I un-check the printable box but the pop-up still shows up, if open, when printing the PDF. What do I do wrong?
Hi there! I recommend starting from scratch - recreating the button and steps - just to see if something was missed. It definitely should not be doing that. Thanks for the comment!
Hey Chris, thank you for this video! I am trying to create another button within the pop up. Is this possible? I'd like the end piece to remain as an interactive PDF. Any insight or tutorials you can recommend would be awesome! Thank you!
Hi Paul! I haven't tried that yet, so I can't officially say it is possible/not possible. Thanks for watching!
Does it work for the phone, mobile version?
Yes! I created a separate video on Mobile & Browser Functionality: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
why if i make 3 set of that pop up, they always some at top some at under. i did set all pop up at front.
I followed the steps, but somehow my pop up get stuck once it's triggered (Of corse viewing it in an interactive PDF). Does anyone have experience with this?
Hi there! I haven't tested this recently, but often times in the past if a mouse-click happens outside of the window area after the pop-up is triggered, the pop-up may freeze. Once a pop-up is triggered, the next mouse-click should happen in the window area, like the close button for example. I hope this helps!
For some reason the pop up works perfectly in the html preview in InDesign, but if I export it to an interactive pdf the close button and the hyperlink button disappear. I suppose they end up behind the Pop-Up Window itself but I can't figure out why and how to fix it... if anyone has ideas, help is appreciated!
Hi Shelly! I would run through the tutorial again to make sure all steps, from creating to exporting, are the same. Also, double-check all elements are on the same layer. Hope this helps and thanks for stopping by!
It might depend on the PDF reader that you're using.
ua-cam.com/video/XW-dvtI6g2U/v-deo.html
hi chris i am new on Indesign facing an issue to adjust text field formating. i want to add a paragraph in my PDF form but i am unable to adjust between line spacing please guide me how can i adjust ?
does the interactive pdf work in a phone ??
Greetings and yes! My video on Mobile & Browser Functionality covers this: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
This pop-up not working on mobile view.. How could I fix it?
Hi there! I just uploaded a new video that resolves this issue: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
Hi! I did an interactive PDF with several buttons but it doesn't work in any other program different than Acrobat, how can I make it functional in a browser?
Hi there! I just uploaded a new video that resolves this issue: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
That is one of the limitations with PDFs (reader inconsistency). You might want to look into an HTML-based format: ua-cam.com/video/XW-dvtI6g2U/v-deo.html
Is there a way to make it without the click button? If there is a way the mouse just passes over the icon and the pop-up appears.
I haven't tried that, but that's not to say it can't be done. Thanks for watching!
@@ChrisMorenoDesign I did that. It's "Roll Over" option.
Great to hear!
Do you know why when I open the PDF in a browser, the arrangement of the popups is backwards? I.E. the text is behind the text box when the popup comes up
Hi there! I just uploaded a new video that resolves this issue: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
I have a document with 3 pop-up interactive buttons on 1 page. When I preview my interactivity on InDesign, there is no problem. When I export as an Interactive PDF, two of the pop-ups overlap the copy. Is this an Acrobat issue?
Interesting... make sure the Printable box towards the bottom of the Buttons and Forms window is unchecked on all your pop-up windows.
@@ChrisMorenoDesign I've found a way around this issue. Is there a way to have the pop up on a previous page close when you go onto the next page?
I have not tested this personally. I always make sure to include a close button with all of my pop-up windows for the user. Please keep me posted if you start testing - thanks!
Someone can help me pls. This type of .PDF open in smartphone or in other pdf reader with the poup's function working?
Hi there! I just uploaded a new video that resolves this issue: ua-cam.com/video/yRHTtxZRUFs/v-deo.html
Hi there. Could anyone let me know if there is a max number of pop ups allowed on a single page? Thanks
Hi Gemma! I do not believe there is a max number of pop-ups per page as long as you have the real estate/space. Thanks!
Thanks so much Chris! Need to advise my client. Much appreciated :-)
I have a problem: when I open pdf don't appear the buttons. Why? Thank you for this video!
Hi Francesco - did you export the PDF correctly?
Hi Chris, great video, but i have a question, if i have an interactive PDF that works on my PC or laptop when i send it to a client and works fine there , but , how can I, for instance make a PDF that i can send to client by whatsapp and when they open it, they can open a link on UA-cam or any other website from the PDF? really appreciate the help because i havent been able to figure that one out!
Yes, this can be done and my other interactive video may spark some ideas for you, ua-cam.com/video/nnDOVYl6Jec/v-deo.html. You can choose "Go to URL" in the button actions. Hope this helps and thanks for watching!
Hi Chris, i have a question : How can you export your pdf with pop-up buttons in a HTML version? i wish to keep my pdf interactive in HTML with working buttons. Thanks dude :D
Hi Rackaam - I'm not too sure, I haven't had the need so far. Best of luck!
HTML formats have much more flexibility than PDF. For example, you can use Object States and animation. Here are some videos that help with that
ua-cam.com/video/U6FoYdzJwZ0/v-deo.html
ua-cam.com/video/TkWVOJA5Be8/v-deo.html
ua-cam.com/video/Jc_sCXQ-LiA/v-deo.html
Hi do you have this sample pdf?
Hi Ray! Unfortunately no, but my Interactive PDF Design playlist is a great guide for creating your own. Hope this helps and have fun!
I have adobe acrobate Pro DC.... dashboard looks completely different? Any ideas?
All interactive elements are created in Adobe InDesign, so not sure how the Acrobat dashboard is needed to complete this project.
Is it possible to change the color of a button when we click on it?
Example: it is white and when I click I want it to turn blue but remain so until I close the window it has associated with it
Great question! I haven't tried that yet, so it might be something worth exploring :)
tip! ff 10 minutes to actually get to the instruction. The first 10 minutes are spent creating the graphical elements.
Appreciate the comment! Chapters have now been added to this video!
@@ChrisMorenoDesign Yay! Thank you - I don't get paid to train so that's super helpful!
Can a picture / photo be added to the pop up "art board" ???
Absolutely! Photos and text will both work in the pop-up area. Thanks for watching!
please , how to play text animation after export to adobe acrobat
The interactive elements will not play on their own. They are triggered by the press of another button.
Can this be done on Adobe CS6?
I can't say. I stopped keeping up with the suite versions when Adobe went to the cloud.
Why are you promising a video that will show us how to perform a simple basic short operation and then proceed to making us watch you make every design element on the page when you can just have the design ready at the beginning and cut to the procedures and save us a crap ton of time????
There are chapters :)
@@ChrisMorenoDesign Thank you. There are also videos that cut right to the chase in no time. I'll be watching those. Thanks again.