Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
For DPS projects you can use two InDesign panels to build your hyperlinks; the Hyperlinks panel and the Buttons and Forms panel. With them you can create links that jump to web sites, to other articles, to other pages within an article and more. Just beware that not all button actions and hyperlink types are supported in folios. So let's start with using a button to add hyperlinks to our folio. I like two frames on this first page to become hyperlinks. I want this one on the right to go to the Roux Academy homepage and I want the one on the left to be used for sending an email to the Admissions office.
So first of all, I'll start out with one on the right. I'll select it and in my Buttons and Forms panel, I'm going to make it into a button, I'll call it homepage. The Event will be On Release or Tap, and I'll choose Go To URL. In the URL field, I'll type in rouxacademy.com and with the button selected I can go to the Folio Overlays panel to set a couple of options. First, I can specify whether this hyperlink opens in the folio or in a web browser.
So on the iPad I can have this hyperlink either open in the publication or in Safari, and if I choose to have it open in Safari I can have it ask me first if that's okay. For now I'll say Open in Folio and we'll setup our second hyperlink. So I'll select, Questions email us. In the Buttons and Forms panel, I'll click on the plus sign, Go To URL and for this URL I'll type the mailto protocol. And I'll give it a name, email.
Now let's preview the hyperlinks to make sure they work. But before I can do that I need to update the article in the Folio Builder panel, otherwise it won't see the changes that I just made. So I'll go to the Folio Builder panel, I'll select this article and in the Panel menu I'll choose Update. Now this will work since in this case I'm only previewing hyperlinks that go to things outside my folio; things like URLs and email addresses, so I don't have to preview the whole folio. If that were the case, I would have to go up one level and preview the folio instead of the article.
Now I'll preview, it opens in the Content Viewer and I can navigate to the Roux Academy web page and I can email them. Buttons are great for hyperlinks but sometimes you don't want to click on a frame, you might want to just click on the specific piece of text, for that you use the Hyperlinks panel. So let's try that now. I'll go back to InDesign and I'll go to the page with the full course listing, right here, and I want these words right here to be a hyperlink to Page 5.
So I'll double-click and I'll select all of them and I'll open my Hyperlinks panel, and down at the bottom I'll click on New Hyperlink. I'll choose Link To Page, and choose Page 5 and click OK. By the way, don't bother trying to create a hyperlink to a text anchor destination because they're not supported in this case. I'm going to go on next page and I have another frame that I'd like to be a hyperlink. I'll select it and in this case I want it to be a link to another article within my folio.
So I'll go to my Buttons panel, I'll make it a button, I'll give it a name reasons, and the Event will be Go To URL, and where it says URL I have to change http: to navto, and after the slashes I have to type in the name of the article which in this case is reasons and the page number. So I'll type number and then the Page numbering is a little funny in DPS.
The first page number of a DPS article starts at zero. So if I want to go to the first page of the reason article I type in 0 here and press Return or Enter. Now I'd like to review these hyperlinks to make sure they work, but again, before I can do that I need to remember to update the articles, otherwise I won't see the changes that I've just made. So back to the Folio Builder panel, update the article. Since I want to test a hyperlink between articles, I can't just preview a single article, I have to preview the folio.
So I'll go up one level to the Folio level and I'll preview. I'll scroll to the page where I've put the first hyperlink and test it out, it jumps to that page, I'll go back to the beginning and then I'll test that hyperlink in between articles. There's one other thing to note about using hyperlinks in DPS Overlays, you can add hyperlinks in scrollable frames but that's it.
Hyperlinks in slideshows or other interactive overlays aren't supported yet. Adding hyperlinks to your DPS project is a fairly straightforward process, especially if you already used to working with hyperlinks in InDesign. Just remember when you're adding or editing hyperlinks to update the article before you preview it, and be sure to preview the folio if you're linking from one article to another.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57961 Viewers
119 Video lessons · 67391 Viewers
84 Video lessons · 16744 Viewers
125 Video lessons · 29615 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.