Storyline 1: Adding Scrolling Panels

Article Last Updated

This article applies to:

Storyline's scrolling panel feature is a great tool when you want to display large images, large amounts of text, or other objects that don’t fit well within the space you want to place them. A scrolling panel allows learners to scroll vertically so that they can see whatever content you've placed inside it. Scrolling panels can contain just about any objects:  pictures, screenshots, videos, shapes, captions, markers, characters, web objects, text boxes, buttons, hotspots, data entry fields, and mouse cursor objects. Pretty much the only thing they can't contain is additional scrolling panels, or objects that originate from the placeholders on your slide master layouts.

You can have as many scrolling panels on a single slide as you like. You can also add scrolling panels to slide layers or slide master layouts if you want. (If you use a scrolling panel on a slide master layout, though, you'll only be able to add items to it when you're on the slide master layout itself—you won't be able to add items to it from individual slides.)

Tip: In mobile Safari, use two fingers to scroll through scrolling panel content.

Inserting a Scrolling Panel

  1. Go to the slide or slide master where you want to insert a scrolling panel.
  2. Select the Insert tab, and click Scrolling Panel.
  3. Your cursor changes to a crosshair. Click and drag on your slide to draw the scrolling panel.
    • Tip: Some users find it helpful to draw the scrolling panel especially large at first (since that makes it easier to insert objects into it) and then drag the handles on the scrolling panel to make it smaller. Keep in mind that no scroll bars will appear unless the scrolling panel is smaller than its contents.

Once you've drawn your scrolling panel, it'll appear with a thin, dotted bounding box. Now you can drag items into the scrolling panel, and resize, move, or format the panel as you like.

Adding Objects to a Scrolling Panel

  1. First, insert the object onto your slide.
  2. Select the inserted object and drag it over the scrolling panel, making sure your cursor is also over the scrolling panel area.
  3. If your object is taller or wider than the scrolling panel, you'll notice that its sides become concealed by the boundary of the scrolling panel once it's inside. Release your mouse button to drop the object into the scrolling panel.

Resizing or Repositioning a Scrolling Panel

You can resize or move the scrolling panel before or after placing objects inside it. Here's how:

  1. Select the scrolling panel on your slide.
    • Tip: If you're having trouble selecting the scrolling panel without selecting an object inside it, you can always open the Timeline and select it there, rather than trying to click it on the slide.)
  2. To resize the scrolling panel, drag one of the resize handles to make the panel larger or smaller
  3. To move the scrolling panel, hover over it after selecting it, and when your cursor changes to a four-pointed arrow, click and drag the scrolling panel to the place you want it to be. Any objects you've added to the scrolling panel will move right along with it.

Removing Objects from a Scrolling Panel

  1. Select an object within the scrolling panel.
    • Tip: If you're having trouble seeing or selecting the desired object, it might be in a part of the scroll area that's out of view. You can click and drag the slider on the right edge of the scroll panel up or down to see the panel's contents. Or, open the Timeline and click the arrow next to the scrolling panel object. This expands the list to show what the scrolling panel contains, and you can click the object you want to work with:
  2. Once you've select an object, just drag it away from the scrolling panel and drop it on any other part of your slide.

Applying Styles and Formatting

By default, scrolling panels are transparent, so anything that's part of your slide background, and other objects that are behind your scrolling panel, will show through. Sometimes this can make items in the scrolling panel difficult to see or read — but no worries, because you can easily format the scrolling panel background and outline to look however you want. Here's how:

  1. Select the scrolling panel.
  2. Click the Format tab.
  3. Now you can click on any of the ready-made Shape Styles, or choose your own fill color and outline color by using the options on the ribbon. For even more flexibility, you can click the small arrow in the lower-right corner of the Shape Styles section of the ribbon to access the Format Shape window. For guidance on how to use the formatting tools, check out the tutorial for Adjusting Properties for Shapes, Captions, and Text Boxes, and the tutorial on using the Using the Format Shape Window, since the formatting options for scrolling panels work much the same way.