🚧 Under construction — VoTechWorks is being built. A free tech program — complimentary, as our commitment to get America working.
voTechWorksGrade 13 · a vocational technology learning center, by urbanicity
newSchoolWorks.com › VoTechWorks › Technology & Design › Graphic & Digital Media › Layout: Print & Digital Composition › Lesson 10
TEC-DIGI47-04 · Lesson 10 · 14 clock hours · lab

Digital Layout: Interactive PDFs and Responsive Considerations

Objective. Students will convert a print-designed document into an interactive PDF by adding hyperlinks, cross-reference links, and a table of contents, then export it as a screen-optimized Interactive PDF and test navigation functionality in Adobe Acrobat Reader.

⚠ Pending professional review

This lesson, its worked examples and its practice questions has not yet been verified by an industry-certified professional or by a certification or approval body. It is a study draft and may contain errors. Do not use it as instructions for work on a job site or on live equipment. Always follow your instructor, your supervising professional, and current official references and regulations.

VoTechWorks program approval and accreditation are still in progress. Credentials are issued only by the certifying bodies named in each program, after their own exams.

What Is an Interactive PDF?

An interactive PDF is a Portable Document Format file that contains active elements — hyperlinks, navigation buttons, a clickable table of contents, bookmarks, and form fields — that users can click or tap to move through content or visit external resources. Unlike a print PDF, which is optimized for ink on paper, an interactive PDF is designed for on-screen reading. InDesign lets you build all of these elements before export, so the file works correctly in Adobe Acrobat Reader without any manual editing in Acrobat.

Print PDF vs. Interactive PDF: Key Differences

When you export from InDesign, you choose between Print and Interactive in the Export Adobe PDF dialog. These are fundamentally different output modes.

Always select File > Export > Adobe PDF (Interactive) — not Adobe PDF (Print) — when your goal is a navigable screen document.

Building a Clickable Table of Contents

InDesign's Layout > Table of Contents feature generates a styled text frame populated with entries drawn from paragraph styles you designate. To make TOC entries function as hyperlinks in the exported PDF:

1. Apply consistent paragraph styles (e.g., "Heading 1") to every section title in your document.

2. Choose Layout > Table of Contents, map those styles to TOC entry levels, and assign a TOC Entry style.

3. In the Table of Contents dialog, check Create PDF Bookmarks — this is the option that makes each entry a live link when exported as Interactive PDF.

4. Place the generated text frame on page one.

5. Export as Interactive PDF and confirm each TOC entry jumps to the correct destination page in Acrobat Reader.

If a TOC entry links to the wrong page, the most common cause is that the target paragraph style is applied inconsistently. Fix the style application in the document, then update the TOC via Layout > Update Table of Contents before re-exporting.

Adding Hyperlinks to External URLs

Use the Hyperlinks panel (Window > Interactive > Hyperlinks) to add clickable URLs to text or objects.

1. Select the text or frame that should be the link.

2. In the Hyperlinks panel, click the New Hyperlink icon and choose URL as the link type.

3. Type or paste the full URL, including the `https://` prefix.

4. Set the Appearance options — a visible rectangle with a color helps users identify clickable areas, especially during testing.

5. Export as Interactive PDF and click each link in Acrobat Reader to confirm it opens the correct page in a browser.

A URL that is missing the protocol prefix (`https://`) is the most frequent reason an exported hyperlink fails. Always verify the full address.

Creating Navigation Buttons

Buttons are built in the Buttons and Forms panel (Window > Interactive > Buttons and Forms). A button can trigger actions such as Go to Next Page, Go to Previous Page, Go to URL, or Go to Page.

1. Draw a frame or import a graphic to serve as the button face.

2. With the frame selected, open Buttons and Forms and click Convert to Button.

3. Under Actions, click the plus icon and choose the action (e.g., Go To Next Page).

4. Add a Rollover state: click the Rollover state in the Appearance section and change the fill or stroke color so users see visual feedback when hovering.

5. Give the button a descriptive name in the panel for accessibility and troubleshooting.

Buttons are only active in Interactive PDF exports. Test every button in Acrobat Reader — not in InDesign's preview — because the exported behavior is the definitive test.

Cross-Reference Links

Cross-references (Insert > Hyperlink > New Cross-Reference) let you link from one location in a document to a specific text anchor elsewhere in the same file. In the Hyperlinks panel, choose Text Anchor as the link type, create a named anchor at the destination paragraph, and point your hyperlink source to that anchor. Cross-references are reliable for long documents where page numbers may shift during editing.

Exporting and Testing Your Interactive PDF

Export via File > Export, name the file, and choose Adobe PDF (Interactive). In the export dialog:

Open the file in Acrobat Reader (not InDesign's preview and not Acrobat Pro's editing mode, which can interfere with button states). Click every TOC entry, every hyperlink, and every button. Check against your course interactive PDF checklist. Log any failure with the element name and the page it appears on. Return to InDesign, correct the element, and re-export. Re-test until 100% of interactive elements pass.

Workspace and File Safety

Although digital layout work carries no physical hazards comparable to press or finishing operations, good digital safety habits protect your work:

Key terms8

Interactive PDFA PDF file exported for on-screen use that preserves active elements such as hyperlinks, navigation buttons, bookmarks, and a clickable table of contents.
Table of Contents (TOC)A generated text frame in InDesign, built via Layout > Table of Contents, that lists document sections and creates live PDF bookmark links when exported as Interactive PDF.
HyperlinkA clickable link assigned to text or an object in InDesign that directs the reader to an external URL, a page in the document, or a named text anchor.
ButtonAn interactive object created in the Buttons and Forms panel that performs an action — such as Go to Next Page — when clicked in the exported PDF.
Rollover StateA visual appearance applied to a button that is displayed when the user's cursor hovers over it, providing visual feedback that the element is interactive.
Text AnchorA named marker placed at a specific location in an InDesign document that can serve as the destination for a cross-reference hyperlink.
PDF BookmarksA panel in Acrobat Reader and the navigable entries created from InDesign's TOC when the Create PDF Bookmarks option is checked during export.
Buttons and Forms PanelThe InDesign panel (Window > Interactive > Buttons and Forms) used to convert frames into interactive buttons and assign actions and appearance states.
In class: Add a clickable table of contents to a four-page document using InDesign's Layout > Table of Contents feature; generate it as a styled text frame and verify all entries link to the correct pages when exported. · Insert three external hyperlinks (URLs) and two cross-reference buttons using the Hyperlinks and Buttons & Forms panels; set a button to go to the next page and style it with a visible icon and rollover state. · Export as Interactive PDF (not print PDF); open in Acrobat Reader and test every link and button; document any non-functional interactive elements and correct them in InDesign, then re-export.
Materials: Adobe InDesign CC, Adobe Acrobat Reader, four-page document starter file, Hyperlinks and Buttons & Forms panel reference, course interactive PDF checklist
Check: Completed interactive PDF tested against course checklist: all TOC links, hyperlinks, and navigation buttons functional (100% pass rate required on interactive elements).

Practice check8

Answer each question, then check it. Nothing is recorded; this is your own practice.

Setting project requirements
1. When exporting a document that contains hyperlinks and navigation buttons from InDesign, which export option must you choose for those elements to be active in the final file?
Creating and modifying visual elements
2. A student exports an interactive PDF, but clicking a TOC entry does not navigate to the correct page. What is the most likely cause?
Creating and modifying visual elements
3. Which InDesign panel is used to convert a drawn frame into a clickable navigation button and assign it a Go to Next Page action?
Creating and modifying visual elements
4. A hyperlink to an external website does not open when clicked in Acrobat Reader after export. What is the most common reason?
Creating and modifying visual elements
5. What is the purpose of a Rollover state on an InDesign button?
Publishing digital media
6. After correcting a non-functional button in InDesign, what is the correct next step before marking it as passing on the course checklist?
Creating and modifying visual elements
7. A cross-reference hyperlink is best used in which situation?
Setting project requirements
8. Which InDesign menu command generates a styled TOC text frame by reading paragraph styles applied throughout the document?
Record this lesson on my transcript. Sign in with your key and enrollment email to record lessons (enroll free if you have no key). This page stays open to read and practise.
← Previous lessonProgram planNext lesson →