Inserting CpExtra into a Captivate project

This help topic explains how to insert and then position the CpExtra widget into a Captivate CPTX project file.

Insert CpExtra

There are two ways to insert CpExtra into a Captivate project.

Via the Insert Menu

  1. On the menu bar, go to Insert > Widget
  2. Browse to the location of the Infosemantics_CpExtra.wdgt file.
  3. Select Infosemantics_CpExtra.wdget and click Open.
  4. CpExtra's Widget Properties Dialog appears. Click OK (clicking Cancel will prevent the widget from being added to the current slide)
  5. The CpExtra widget will successfully be added to the current slide.

Via the Interactions Menu

This method will only work if you followed the instructions to make CpExtra appear in the Interactions Menu. If you did, then you can insert it into your project by following this procedure.

  1. On the toolbar, go to Interactions > Learning Interactions
  2. Scroll down until you see a picture that says CpExtra.
  3. Select the CpExtra widget and click Insert.
  4. CpExtra's Widget Properties Dialog appears. Click OK (clicking Cancel will prevent the widget from being added to the current slide)
  5. The CpExtra widget will successfully be added to the current slide.

Position CpExtra

CpExtra only need only be added once to the Captivate Project. Once CpExtra has been loaded in the HTML5 output, its features will be available on every slide of the movie.

Therefore, it is important that CpExtra be loaded as early as possible in the project.

Some may choose to place CpExtra on the first slide of the project, but this is not best practice. Some users have reported that at the start of a HTML5 movie the viewing device is put under a lot of stress setting up the Captivate movie. Therefore on odd occasions certain elements of the first slide of the Captivate Project fail to load. 

It is therefore strongly advised that, if you're building a HTML5 project, you should set the first slide's duration to be one or more seconds and leave it completely blank (with perhaps the exception of a caption saying: Loading...).

Therefore, the best place to load CpExtra is on the SECOND slide of the movie and leave that slide blank as well (except for the CpExtra widget itself). Set this CpExtra slide's timeline duration to be roughly one second.

CpExtra will then reliably load at the start of the Captivate project.

Don't Set CpExtra To Display For Rest of Project

The way Captivate handles objects that are timed to Display For Rest of Project is actually a little strange. While it may appear that an object is created once on its first slide and then persisted all the way to the end of the movie, that is not really the case. That object is in fact reloaded and recreated again on every single slide.

What this means for widgets is that their JavaScript files are loaded and executed again for every single slide. While CpExtra is smart enough to not initialize itself more than once, the excess load of having to continually reload the widget's code takes out a chunk of bandwidth that could be better used loading images and sound files. Therefore, the ideal setup is that CpExtra is only loaded once on the second slide, and then never again for the whole movie.

Additionally, if CpExtra were timed to display for Rest of Project, then on following slides in the project it might appear on top of other slide objects. Even though the widget is an invisible object, it could still block rollovers and clicks from being 'heard' by slide objects appearing underneath it. Therefore if you for some reason must set CpExtra to be timed for Rest of Project, then make sure to position it mostly off slide (though not completely off slide as that would prevent it from being included in the Captivate export).


Join more than 2500 other Adobe Captivate users just like yourself and receive regular troubleshooting tips, illustrated tutorials, technical information, and creative solutions to real-world e-learning development issues. (See an example here.) Click the button below to join our community.  It's completely FREE!