November 16, 2015

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! πŸ™‚

Posted by poojajaisingh6:43 PM
  • I’m happily Captivating!

    • Dr. Pooja Jaisingh

      πŸ™‚

      • kurtmel

        You’re always captivating Joe…you’re just that kinda guy…LOL.

    • Sean Jackson

      Hi Joe, any ideas on how to retain button states on a menu driven course…like a landing page. I want the learner to know where they have clicked.

      • Hi, Sean,

        The only way currently is to avoid the use of states and use Show/Hide Actions instead. That way, if you show something, it will remain showing until you decide to hide hit and vice-versa.

        • Sean Jackson

          Thank you for getting back to me Joe.

          How do I set that up?

          • I will be showing it in a webinar this Tuesday, Sean, Go to the Training Mag site and click on the Webinars option.

  • James

    How can I trigger a change of state based on the timeline? Storyline has cue points. Anything like that in Captivate?

    • Dr. Pooja Jaisingh

      Hi James, that’s not currently supported in Captivate.

  • Hansa

    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.

    • Hi, Hansa,

      That’s an interesting question. However, I’m confused as to what criterion you want Captivate to use for marking deciding whether a question is markable or not.

  • marc lee

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

    • Dr. Pooja Jaisingh

      Hi Marc, retaining visited state is currently not available and we are considering to add this functionality in the future update/version.

      • Sean Jackson

        Hi Dr. Jaisingh-
        Is there a workaround for retaining visited state?

        • The only way currently is to avoid the use of states and use Show/Hide Actions instead. That way, if you show something, it will remain showing until you decide to hide hit and vice-versa.

    • Sean Jackson

      Marc, did you figure out a was to do this? I am having the same issue, and may just head back to Storyline. I was giving Captivate a shot.

  • Sean Jackson

    I’m already registered πŸ™‚

  • Ron R

    How can I change the color a PNG image from orange to green, over the period of 2 seconds in the timeline?

    • Dr. Pooja Jaisingh

      Hi Ron, you can use the Delay action in a standard action and change state of object. Then trigger than action at the beginning of the slide.

      • Historik

        Nice tip! Just what I was looking for πŸ™‚

  • Michael Kelly

    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.
    Thanks!

  • shane Lord

    Any thoughts on adding a “Loop Action” advanced action?

  • Magdalena

    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.

    • Devraj

      I think you are using Change state of action to change the state, instead try using goto Next state action in captivate.

  • Loading
  • Categories

  • Archives

  • Authors

  • Recent Comments

    • Abdullah Allamin: Excellent I like that Project Light Speed, It will save time.
    • puddin: I am looking to create a online school and sell my courses. Does prime have this feature? Limos has this...
    • Darrell McElmurry: I’m having trouble seeing the text captions using Captive Studio 8 to create a multiple...
    • Alrazy: same here. no e-commerce functionality; you will have to sue a separate solution for registration and the...
    • Alrazy: Great product, but it does not provide an end-to-end solution – there is no e-commerce functionality;...
  • Captivate & eLearning Videos

    Subscribe to Adobe eLearning on YouTube.

    Check out the latest eLearning Videos on AdobeTV