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 occations 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 that you set the first slide to last 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. With the exception of the widget, leave that slide blank as well. Set the slide to last roughly a second.

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

Don't Set CpExtra To Display For Rest of Project

The way Captivate handles objects that are set 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 the case. That object is reloaded and recreated 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 load 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 is set to display for rest of slide, then on following slides in the project it would likely appear on top of other slide objects. Even though the widget is an invisible object, it can still block rollovers and clicks from being 'heard' by slide objects appearing underneath it. Therefore if you for some reason must set CpExtra to appear 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!