Layers are a powerful way to add interactivity and branched scenarios to your Storyline 360 courses. Use layers to display additional content at specified intervals or in response to learners' actions. And use triggers to define when they should appear and disappear.

Illustration of layers in Articulate Storyline

Adding Layers

You can add as many layers to each slide as you like. To add a layer to a slide, do either of the following:

  • Click the New Layer icon (looks like a blank piece of paper) in the Slide Layers panel.
  • Go to the Insert tab on the ribbon and click Slide Layer.

You add content to layers just like slides, including animations and transitions. You also manage the timing and duration of layer objects in the same manner as slide objects—via the timeline.

Duplicating and Copying Layers

You can duplicate layers on the same slide or even copy them from one slide to another. To duplicate existing layers on the same slide, just select one or more layers in the Slide Layers panel and click the Duplicate Selected Layer icon (looks like two pieces of paper with a green arrow).

To copy layers from one slide to another:

  1. Select one or more layers in the Slide Layers panel, then press Ctrl+C on your keyboard or right-click and choose Copy.
  2. Go to the slide where you want the same layers to appear, then press Ctrl+V on your keyboard or right-click and choose Paste.

Tip: As of the December 12, 2016 update for Storyline 360, you can select multiple layers at the same time. Just Ctrl+Click or Shift+Click the layers you want to select.

Renaming Layers

It's always a good idea to give layers recognizable names, so they're easy to identify when you're creating triggers. To rename a layer:

  1. Double-click the layer's name in the Slide Layers panel to open it for editing.
  2. Type the new name.
  3. Press Enter on your keyboard.

Changing Layer Properties

You can customize the properties for each layer on a slide. Just select the layers you want to edit, then click the gear icon.

Tip: As of the December 12, 2016 update for Storyline 360, you can have the properties window open as you switch between layers, saving time and clicks. You can also set properties for multiple layers at the same time. Just Ctrl+Click or Shift+Click to select the layers you to edit.

When the Slide Layer Properties window appears, make your choices (defined below) and click Close.

Visibility:

Hide other slide layers

This hides all other layers (except the base layer) when the current layer is visible to the learner.

Hide objects on base layer

This hides everything on the slide's base layer when the current layer is visible to the learner.

(If you only want to hide some base layer objects, see the next section on Hiding Individual Base Layer Objects.)

Hide slide layer when timeline finishes

This hides the current layer when it has finished playing.

Allow seeking

If the base layer includes a seekbar, use this option to control how the seekbar affects the current layer.

  • Select Yes to make the seekbar active for the layer.
  • Select No to ignore the seekbar. It'll still be visible; it just won't affect the layer's playback.
  • Select Automatically decide to let Storyline decide whether or not the seekbar will be active for the layer. Here's the logic: Seeking will be allowed if you mark Hide objects on base layer, Prevent the user from clicking on the base layer, or Pause timeline of base layer.

Tip: If the seekbar is read only in your player properties, you won’t be able to drag the seekbar. In other words, the seekbar setting in your player overrides the layer-specific seekbar options described above.

 

Base Layer:

Prevent the user from clicking on the base layer

This prevents the learner from interacting with base layer objects, like buttons or drag items, while the current layer is visible.

Pause timeline of base layer

This pauses the base layer, including animations and audio, while the current layer is visible. The base layer's timeline will resume where it left off when the current layer is closed.

 

Revisits:

Choose one of the following options to control how objects behave when learners revisit the layer.

Automatically decide

This is the default option. Storyline will decide whether to resume the layer or reset it based on the objects it contains. Here's the logic:

  • If the layer has only simple objects and/or audio but no interactivity, Storyline resets the layer to the beginning of its timeline.
  • If the layer contains interactive elements, such as buttons or other objects that have a visited/selected state, Storyline resumes the layer where it left off previously.

Reset to initial state

Use this option if you want the layer to always reset to its initial state. It'll restart from the beginning of its timeline, and interactive objects will return to their initial states.

Resume saved state

Use this option if you want the layer to always remember its previous state. In other words, this option lets learners pick up where they left off if they return to the same layer later.

Hiding Individual Base Layer Objects

The layer properties described above provide an option to Hide objects on base layer, but it hides everything on the base layer. If you want to hide only some base layer objects, use this method instead:

  1. Expand Base Layer Objects in the timeline.
  2. Click the eye icon for each object you want to hide.

How to hide individual base layer objects on slide layers

Tip: Hidden base layer objects will reappear when the layer is closed.

Rearranging Layers

To change the order of your layers, just drag and drop them where you want them in the Slide Layers panel.

Layers display on top of the base layer (not behind it), and they'll open in the order in which they're triggered, regardless of their stacking order in the Slide Layers panel.

Tip: To show more than one layer at the same time in your published output, click the gear icon for each layer to open its properties, then uncheck the box to Hide other slide layers.

Showing, Hiding, and Dimming Layers in the Editor

When you have multiple layers on a slide, you may find it useful to show or hide some of them while you're editing the slide.

To display a layer even when it's not the active layer, click the eye icon to the right of its title in the Slide Layers panel to lock its visibility.

To hide a layer, click the eye icon again to unlock its visibility.

For example, if you don't want to see the base layer while you're building a supplemental layer, click the eye icon for the base layer to unlock its visibility—i.e., to hide it.

Tips for working with layer visibility:

  • The base layer visibility is locked by default. All other layers are unlocked by default. In other words, the base layer is always visible unless you hide it, and other layers are always hidden unless you make them visible.
  • By default, only the layer that's currently selected (active) is full-color. All other layers are dimmed. If you'd prefer to see them all in full color, uncheck the Dim box at the bottom of the panel.

Deleting Layers

To delete a layer, select it in the Slide Layers panel and click the trash can icon (or just press the Delete key on your keyboard).

Tip: As of the December 12, 2016 update for Storyline 360, you can delete multiple layers at the same time. Just Ctrl+Click or Shift+Click to select the layers you want to delete.