December 10, 2011

Creating a Screen with a Pop-up with Adobe Captivate 5.5

When designing a course screen, we sometimes come across a situation where we have some content which is related to the screen, but there’s no space on the screen to place it. This content is important and is in context with the current screen but is not worthy enough to take up the entire next screen. In such scenarios, screen with a pop-up comes to rescue!

Take a look at this screen…

Let’s see how we can create such a screen with Adobe Captivate 5.5.

Looking for other types of interactive screens? Here are some demonstrations on how to create a screen with rollover audio, click-reveal text, click-display animation, tabs, and a timeline.

Happy captivating! :)

Posted by poojajaisingh11:54 PM
  • palle E. Thomsen

    why can’t i get flashplayer any more? had it for 10 years- suddently it is impossily to opgrade- it first appear that it is now installed – but it disappear- Who is blocking it:

    • http://www.adobe.com/products/elearningsuite/ Allen Partridge

      Palle, are you in a corporate environment where the player might be getting blocked?

  • Pingback: Creating a Screen with a Pop-up with Adobe Captivate 5.5 | elearning&knowledge_management | Scoop.it

  • Rod Ward

    Thanks for this article. However, wouldn’t it be better just to have all of the popup objects have their Visibility set to OFF from the beginning of the movie instead of turning off Visibility using the On Enter Slide action? Having them visible at the start of the slide could mean the user sees these objects for a brief split second before the On Enter Slide Advanced Action kicks in to hide them. Plus it’s one less trigger event to set up.

    Is there a reason why you opted to use On Enter Slide instead of the strategy I suggest here?

    • http://twitter.com/poojajaisingh Dr. Pooja Jaisingh

      Thanks for sharing your thoughts Rod. I usually go by the strategy you suggested. The reason I went this route was to hide all the objects back when the learner returns to the slide. Yes, I could have set it as the OnExit action, but again, that brings it to having two events plus turning the Visibility off. Was just trying to keep it lean ;)

    • http://magdadiaz.com Magda

      Rod, with your method, would the Advanced Actions to show and hide the elements still remain the same as shown in the demo above with the exception of having visibility off at the start?

      • Rod Ward

        I believe so. It just means that the objects start the slide already with Visibility off. I would just leave Pooja’s OnSlideEnter action as is to cover the situation where (as she mentions in her reply) the user might happen to return to the same slide at some point AFTER having visited it and triggering the SHOW action by clicking the link.

        So what I’m suggesting here is to keep everything Pooja has done but just make the small change of having Visibility of all objects set to OFF by default.

      • Ben Meite

        I’ll go with Rod’s shortcut. It saves time to both you and the learner. Depending on the learner’s machine, network, etc….having the objects visible On Enter means objects can be visible even for a fraction of a second. Why go that route if you can save yourself time and save your learner an epileptic flickering of the screen? Deselect visibility of the objects and skip the hide step in the advanced actions. You’ll end up with the same results.

  • Lefthook77

    We should rebuild rollover slideletes to be revealed on click, instead of rollover. Clickable Slidelets would make this whole process insanely easier.

  • Justin Winford

    Hello

    I am new to Captivate and I was wondering how did you create that popup tip box? Did you use an outside program and import it in?

    • http://twitter.com/poojajaisingh Dr. Pooja Jaisingh

      Hi Justin, I used graphics from http://www.fotolia.com to create it and then inserted it as an image in Captivate.

  • Pingback: 2011: The New Normal

  • Subscribe to RSS feeds
  • Loading

  • Categories

  • Archives

  • Authors

  • Recent Comments

    • Stacie DaPonte: I am trying to combine drag and drop with image rollovers. I have a small square in the bottom of...
    • Dr. Pooja Jaisingh: Yes, it is :)
    • Lo' Roz: Please, is the new Drag and drop HTML5 compatible? It would be wonderful.
    • Jack Hampton: Congrats! It is good news and also that video is very good
    • Clint Elliott: I purchased multiple copies of Captivate 6 for our online school, and since we are now considered...

  • Captivate & eLearning Videos

    Subscribe to Adobe eLearning on YouTube.

    Check out the latest eLearning Videos on AdobeTV