Storyline 1: How to Disable the Next Button Until Learners Finish Interacting with a Slide

Article Last Updated

This article applies to:

See how easy it is to disable navigation buttons in newer versions of Storyline!

You can prevent users from advancing too quickly through a slide in Storyline 1, using either of the following methods:

  • Disable the built-in Next button until they've met certain conditions, such as clicking all the buttons on the slide or listening to all the narration.
  • Remove the built-in Next button and create your own custom button for navigation.

We'll look at each of these options below. (If you need to restrict navigation throughout an entire course, take a look at this article.)

Temporarily disable the built-in Next button

  1. Create a new True/False variable, and set its initial value to False. For example:
  2. Then add a new trigger to the slide that adjusts the value of the variable to True when a specific event has occurred.  Here are a few examples:
    • If you want users to interact with all the hotspots on a slide before advancing, take a look at this article.
    • If you have several buttons on the slide and you want users to click all of them before continuing, set the trigger to execute when the states of all the buttons are Visited:
    • If you want users to listen to all the audio or view an entire video before continuing, set the trigger to execute when Media completes
    • If your slide doesn't include audio but you want users to wait until the slide's timeline has completed, set the trigger to execute when Timeline ends
  3. Lastly, edit the "next slide" player trigger to add a condition, so that the Next button will only work if your True/False variable is True. The condition would look something like this:

Here's a brief video screencast, demonstrating this process:

Click here to download the sample Storyline file used in the video screencast above.

Create your own custom navigation button

Another option is to remove the built-in Next button and create your own custom button for navigation:

  1. First, remove the built-in Next button for the slide.  Click here to learn how.
  2. Then add your own button to the slide.
  3. Set the initial state of your button to either Hidden or Disabled.
  4. Finally, add a new trigger to your button that changes its state to Normal when a specific event has occurred.  Here are a few examples:
    • If you want users to interact with all the hotspots on a slide before advancing, take a look at this article.
    • If you have several buttons on the slide and you want users to click all of them before continuing, set the trigger to execute when the states of all the buttons are Visited
    • If you want users to listen to all the audio before continuing, set the trigger to execute when Media completes
    • If your slide doesn't include audio but you want users to wait until the slide's timeline has completed, set the trigger to execute when Timeline ends

Here's a brief video screencast, demonstrating this process with a series of buttons that must be clicked before the user is allowed to continue:

See also: