Captivate Styles

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

This is a single-slide template.
The user selects a tab at bottom and new content and images are revealed above.

We rely on states to do the heavy lifting for this template.

If you check the timeline, you'll see that there are two content text boxes, and two narrator images - left and right side versions.
To change the content that appears when a button is pressed at bottom, you'll need to edit the states on each of these elements.

Buttons at bottom are the same - click each and use the State View to make changes to style and content.

One note about images:
If you'd like to change narrators - say, using one of our other cut-out people in the library - make sure to crop them from bottom or reposition to avoid overlapping the bottom tabs on the base timeline.

This article last reviewed July, 2019. The software may have changed since the last review.