Buttons, multi-state objects, and form fields are three kinds of InDesign objects that exist just to create interactivity. They are described and demonstrated in this video in both interactive PDF and fixed-layout EPUB.
- [Narrator] Before we get into the details of using InDesign's features for creating interactivity, let's just spend a few minutes talking about what kinds of interactive objects you can create with InDesign and how they're different from regular objects in your layout. There are three kinds of InDesign objects that exist just to create interactivity. These are buttons, multi-state objects and form fields. And, we'll cover the details of working with each one of these in later movies. But, we'll start out here by just trying to understand what these things are.
Here's an example of an interactive pdf where I converted some of the text frames into buttons that can be clicked to view different images in this artist portfolio. Notice when I mouse over the buttons, the text changes color from black to purple. So, buttons can change in appearance in response to user input, like mousing over or clicking. Buttons can also be used to do things like control the visibility of other buttons. So, I grouped together each painting and its caption and then converted them into a button.
That way, I can control their visibility with these buttons on the left side. So, as I click each title, the correct painting and caption will come into view. And, in the movie on buttons, I show how to do this. Also, in the exercise files for this movie is an example of a pdf form that was created with InDesign. Form field objects are very similar to buttons. In fact, you use the same panel in InDesign to work with them; the buttons and forms panel. But, form fields are different in that they exist to collect user input like type text or click in a check box.
So, with form fields that I created in InDesign, I can fill out this form by doing things like selecting a one-year or two-year subscription. I can add my name, tab over to the next field, add my last name; I can do things like choose items from a list; like here where I can select my state and I can click a check box to sign up for emails. To see a multi-state object in action, I'm gonna switch over to iBooks and take a look at fix layout ePub that I exported from InDesign.
Multi-state objects are in some ways even simpler than buttons; they're just sets of objects organized into states where only one state can be visible at a time. Often, buttons are used to control the visibility of states and a multi-state object. And, that's how you can create something like a slideshow where you can have a button that can be clicked to play or pause the slideshow. And, in this case, we have a slideshow of an artist portfolio and each painting and related caption was a state in a multi-state object in InDesign. And, a purple triangles are buttons that I set up to view the next state or previous state of the multi-state object.
So, here in iBooks, I can click the buttons to view the different paintings and read their captions. And, I can go back and the other direction by clicking this button. Notice how this is different from what we saw in the first interactive pdf in this movie where I had separate buttons controlling the visibility of each painting and caption. Here, clicking or tapping a single button, cycles through the slideshow in either direction. Okay, now that we've seen some of the basic ideas for what buttons, form fields and multi-state objects are, let's see how to work with them in InDesign.
- Overview of interactive document types, including PDF and EPUB
- Creating interactive objects
- Setting up hyperlinks, cross-references, and a table of contents
- Working with media
- Publishing documents with Publish Online
- Creating EPUBs
- Following workflows for interactivity: interactive PDF, reflowable EPUB, and fixed-layout EPUB