Adobe Digital Publishing Suite - Manual (Page 104)

Scrollable Frame overlays
Note:
Scroll Direction
Scroll Indicators
Initial Content Position
Export Format in PDF Articles
Note:
You can create a scrollable frame that lets users scroll to view more content. For example, you can create a cooking page with a list of ingredients
and a set of instructions. Rather than turning to the next page to see the full set of ingredients or instructions, users can swipe to scroll.
By default, the initial view for scrollable content is the upper-left corner of the container frame. However, you change the initial view so that it’s
based on the location of the content frame.
You can add all interactive overlays to scrollable frames (see Embedding interactive overlays). The previous method of creating scrollable frames
using layers is no longer supported.
1. To make a frame that scrolls vertically, create a content frame and a container frame.
The content frame can be a text frame, an image, or a group of objects.
You can include any interactive object except a slideshow in your content frame. Either add the interactive objects to the text frame as
anchored objects or group interactive objects with other objects.
2. Move the content frame to its inital view area in relation to the container frame.
If you use the default settings, the content frame will align to the upper left corner of the container frame. However, you can use the
document location of the content frame to determine the initial view.
3. Select the content frame, and choose Edit > Cut.
To avoid erratic behavior, make sure that the content appears in the layout page area, not the pasteboard.
4. Select the container frame, and choose Edit > Paste Into.
When you paste the content frame into the container frame, any button with an MSO state action loses its action. Select the button
and add the action again. (The selection buttons in the toolbar are especially useful for selecting hidden buttons. The Layers panel is
another way to select nested objects.)
5. With the container frame still selected, open the Folio Overlays panel. Click the Scrollable Frame tab, and then specify these options.
Choose Auto Detect to determine the scroll direction based on the height and width of the container frame and content
frame. If the heights of the frames are the same but the widths are different, the content scrolls only horizontally. To make sure that the
content scrolls in only one direction even if the container frame is narrower and shorter than the content frame, choose Horizontal or Vertical.
Choosing the Horizontal & Vertical option offers the same behavior as Auto Detect.
Select Hide if you don’t want scroll bars to appear when scrolling.
Select Upper Left to align the content frame to the upper left corner of the container frame as the initial view. Select
Use Document Position to use the location of the content frame as the initial view.
If your scrollable frame appears in an article that uses PDF format, you can choose Bitmap or Vector.
Choosing Vector is especially useful when you’re creating a single folio for both SD and HD iPads or iPhones. The Vector option provides
sharper text when the folio is displayed on an HD iOS device, but it takes a moment to load. For best results, use Vector for text-intensive
scrollable frames, and use Raster for image-based scrollable frames or when creating separate renditions for SD and HD iOS devices.
When you select Raster, the scrollable frame content is resampled at no higher than 72 ppi.
See the free DPS Tips app to view examples of scrollable frames, including nested scrollable frames and pullout tab effects.
101