The Power of Multi-State Objects in Adobe Captivate 9

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

27 Responses

  1. Hello
    If I have 10 random questions (related to a pool of question) and i want out of the 10 only 6 questions are markable. But i do not want to specify which questions will be marked in Captivate. I want Captivate to decide that. Is it possible to do that in Adobe Captivate 8? Thanks for your response.

  2. It seems that when I change the state of an object (like: a button to a ‘visited’ state) it reverts back to the original state when I return to that slide (a custom menu) — any ideas how to persist the state when returning to the menu slide??

  3. Hi, I’m using the highlight box to force focus to a specific area of the screen by using the “Fill Outer Area” which works great. Is there any way to have two highlight boxes on screen at the same time? I need to highlight two different areas of the screen at the same time.

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

Leave a reply