Previously, you learned how to customize your course player in Storyline 360 and Storyline 3. In this tutorial, you’ll learn how to customize the player features on a slide-by-slide basis by adjusting slide properties.
Watch this video demonstration, then follow the activities below to practice.
Practice Activity: Choose How Each Slide Advances and What Happens When Learners Revisit It
Open the Storyline folder in your practice files, then open the 06B_Slide_Properties_360.story file.
In Story View, select all the slides in the course (Shift+click, Ctrl+click, or Ctrl+A). This let’s you change the properties for multiple slides all at once.
Go to the Slide Properties panel in the lower right corner of the screen and set the Slide advances behavior to By user.
Set the When revisiting behavior to Automatically decide. Here’s how each revisiting option works:
Resume saved state
Use this option if you want the slide to always remember its previous state. In other words, this lets learners pick up where they left off if they return to the same slide later.
Reset to initial state
Use this option if you want the slide to always reset to its initial state when learners return to it. It'll restart from the beginning of its timeline, and interactive objects will return to their initial states.
This is the default option. Storyline will decide whether to resume the slide or reset it based on the objects it contains. Here's the logic:
If the slide has only simple objects and/or audio but no interactivity, Storyline resets the slide to the beginning of its timeline.
If the slide contains interactive elements, such as buttons or other objects that have a visited/selected state, Storyline resumes the slide where it left off previously.
Practice Activity: Select Navigation Controls for Each Slide
A common adjustment you might make is to turn off the previous and next buttons so you can use your own custom navigation elements on the slide. Let’s do that in the practice file we’re using for this tutorial.
In Story View, select all the slides in your course.
Uncheck the Prev and Next buttons so they won’t appear on your course player.
Mark the Prev and Next swipe gestures so learners can still swipe between slides if they want.
Swipe gestures apply to HTML5 output on touchscreen devices. You can choose any combination of navigation buttons and/or swipe gestures for each slide in your course, which means you have complete control over how learners navigate your course on every device.
Practice Activity: Choose Which Player Features Are Visible for Each Slide
By default, the features you enable in your course player are visible for all slides in your course. For example, if you enable the seekbar in your course player, it’ll be visible for all slides in your course. But you can override the default player settings on a slide-by-slide basis by enabling/disabling features in slide properties.
For this activity, we’ll change the properties for a single slide rather than all of them. Double-click the first slide in your course to open it in Slide View.
Click the gear icon in the lower right corner of the screen beside the base layer of your slide.
When the Slide Properties window opens, use the Player features drop-down list to select Custom for the selected slides.
Uncheck the Seekbar box to disable it for the current slide.
Click OK to close the Slide Properties window.
Tip: If you change your mind when you’re selecting player features, click Reset to return to the default player settings.
Practice Activity: Preview Your Course
Click the Preview button on the ribbon to test your course. Notice that the first slide doesn’t have a seekbar, but the others do. And notice that there aren’t any previous and next buttons (but you can still swipe between slides if you publish and view your course on a touchscreen device).
You've learned how to customize the player features on a slide-by-slide basis by adjusting slide properties. To learn more about slide properties, see the Storyline 360 and Storyline 3 user guides.