Storyline Styles

Timeline Slider

***All template files are tested using modern browsers, such as Chrome and Firefox. We do not support or test using Internet Explorer.***

Do you want to learn how to use xAPI in this template?  Learn Now!! 

In this video, we're going to take a look at the structure of our Timeline Slider Storyline template, and how to make a few edits to the file.

This is a single-slide, single-layer template. As the dragger at bottom is moved across the screen the content boxes change states to reveal text and dim once visited and no longer active.

Accordingly, we'll need to use the states pane to edit this content. Select a content box, press Edit States, and adjust text/styles as needed for each of the states. Editing an image is straightforward —right-click and select Change Picture. Try to use an image that's proportionally similar.

The number of slider points on this template is fixed to 5. If you'd like to edit this, you'll need to both remove the relevant objects and potentially adjust the triggers. Note the top 5 triggers in the Slide Triggers pane. These control the state changes for our content boxes. If you adjust the points at which these triggers occur, you can reposition your remaining elements and still keep in time with your slider.