Captivate Styles

Timeline Slider Captivate

***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 template, and how to make a few edits to the file.

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

We'll need to use the State View to edit the content on each timeline point.
Select a content box, press State View in the Properties pane, and adjust text/styles as needed for each of the states.

Each of the images at bottom are shapes with an image fill.
To change images, select one on screen, and use the Style pane on the Properties tab.
Try to use an image that's proportional.

The number of slider points on this template is fixed to 5.

Note that we're using transparent buttons overlayed on the timeline at bottom of the screen, to trigger each state change we discussed earlier.
If you need to make adjustments to the number of elements in the timeline, make sure to edit as well.