Build a Tab Interaction in Captivate 6

In this screencast, learn how to build a custom tab interaction within the Adobe Captivate 6 interface.

Some may ask, “Why build a custom one when you could just use the built in interaction widgets?”. For my project, I found the built in interaction widgets limited. I needed 9 tabs and the widget maxed out at 5. Also, the widget resized/stretched my images weird and limited me on positioning them. Anyways, I decided to build a custom tab interaction which gave me a lot of freedom and worked great for my needs.

Click here to see my finished interaction.


  1. My interactions force the Learner to click five steps in order continue. After they click the five steps, the Next button displays. However, we found that clicking five times on any of the click boxes will make the Next button display. Partners want to prevent this. How?

  2. Thanks for the tip. How would you force the student to click on all tabs before he can continue to the next slide?

  3. Yopu can actually use Conditional Actions to achieve lock down the page and ensure all buttons are clicked before the Next button displays.

  4. Thanks for the demo. Found this when I needed to do something similar – 9 tabs instead of the default max 5.

    FYI: When you’re building your Advanced Actions, you can show and hide groups, as well. In your example, you’ve got an image/caption combo – in mine, I had an image/caption/active button combo – grouping each set saved me a LOT of lines in the Action script.

  5. I followed your procedure and I can’t find the images I created in the list in advanced actions. Captivate is not user friendly at all. I am so frustrated.

  6. Sorry to hear that Gustavo. I will get see if I can have a developer look into this issue for you. What version of Captivate are you using?

Submit a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Pin It on Pinterest