Pages Navigation Menu

Awesome eLearning Templates and eLearning Custom Development

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.

5 Comments

  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. Hey Ivan and Christophe, I’m sorry but we are not quite sure how to do this either. I’d recommend reaching out to Adobe Captivate directly. Here is a link to their forums: http://forums.adobe.com/community/adobe_captivate

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

  5. 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.

Leave 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>

elearning_template