November 16, 2015
The Power of Multi-State Objects in Adobe Captivate 9
Comments
(30)
November 16, 2015
The Power of Multi-State Objects in Adobe Captivate 9
Pooja works as a Senior Director of Digital Learning at Icertis. She has created several award-winning eLearning courses and authored books and video courses on eLearning tools and technologies. In her previous roles, she worked as a principal eLearning evangelist at Adobe and chief learning geek at a start-up. Pooja is CPTD, and COTP certified. She holds a master’s degree in education & economics and a doctorate in educational technology.
Legend 227 posts
Followers: 30 people
(30)

Multi-state ObjectsGone are the days when you had to use multiple objects and advanced actions to depict changing the state of an object in Adobe Captivate.

Here comes Adobe Captivate 9, with the power of multi-state objects. You can now convert any interactive or non-interactive object to a multi-state object. This will immensely help you in developing interactive content easily without using multiple objects, or “hide and show” techniques in a single project or slide.

You can add any number of custom states to both interactive and non-interactive objects. And for the interactive objects, you can also configure inbuilt states like normal, rollover, and down states for buttons; and dragstart, dragover, dropcorrect, dropincorrect, etc. inbuilt states for objects in drag and drop interactions, which are automatically triggered with the object actions.

Watch this video to see how I build a custom accordion interaction in Captivate 8 and then in Captivate 9. In Captivate 8 workflow, I use multiple objects, group them, write advanced actions, and then apply the advanced actions to the buttons. And in Captivate 9, I just create a multi-state object and trigger a simple action to change the state to show related content.

Like what you see? Here are the steps to convert objects to multi-state objects and use the state-specific actions:

  1. Create a new project in Adobe Captivate 9.
  2. Add a shape and select it.
  3. In the Properties Inspector, click the plus symbol in the Object State section.1_Add State
  4. Label the new state, and click OK.2_Label State
  5. Now change some properties of the shape.
  6. Add more states, if required.
  7. You can also see all the states of the object together in the State view. To do so, select the object, and click State View in the Properties Inspector.3_Click State View
  8. Object states will now show up in the Object State panel.
  9. You can add new states in this panel, and also add additional objects to each state.4_Object State
  10. To exit the State View, click the Exit State button on the toolbar.5_Exit State
  11. Now, add buttons to show different states.
  12. Select the button and go to the Actions panel. Select the On Success Action to the newly added Change State of action.
  13. Select the object and its desired state and uncheck Continue Playing the Project.6_State Action
  14. You can also add Back and Next buttons for the states and use the newly added Go to Next State and Go to Previous State actions.

Ready to build interactions using multi-state objects? Here are some example interactions:

Need more help with multi-state objects. Refer this Help document to learn more about it.

So, how are you planning to use this new feature to build your eLearning interactions? Chime in your thoughts here.

Happy Captivating!

If you are using Captivate 2017, then download the multi-state object workbook – [Workbook] Multi-state Objects in Adobe Captivate 2017

30 Comments
Dec 4, 2018
Dec 4, 2018

Good article ! To make things more challenging, I think you can insert films into object states ?

Like
(1)
(1)
Nov 29, 2017
Nov 29, 2017

This was incredibly helpful! Very interesting to see how Version 9 upgraded this process to make it even more streamlined. Thanks for the tip!

Like
()
May 12, 2016
May 12, 2016

I’m new to captivate and trying to create a box that users will be able to select and deselect or click and unclick. What I managed to do is I created an object that changes its state after the first click et. a checked box image appears on top of it. Now what I need to achieve is to allow user to uncheck this same object if they decide to change their mind and then the checked box image would disappear. I have no idea how to do it. Please help.

Like
()
(1)
Add Comment