Welcome to another installment of Controlling Captivate. In this post we’re going to show you how to disable the scrubber in Captivates default playbar.
For those of you that want to restrict the learner from using the scrubber to advance to the end of project, we’re going to show you how. You’ll need Flash since we are going to edit the ActionScript in the default.fla file. Don’t have Flash? Don’t worry...when you sign-up for TLC Media Design Freebies, we’ll give you the modified SWF file for your own personal use. Oh, you’re publishing to HTML5? We’ve got you covered there too. Let’s get to it.
First, we need to open the default.fla in Flash. You can find this file in the following locations on a Windows system:
CP6 = C:\Program Files\Adobe\Adobe Captivate 6 x64\Templates\PlaybackFLA\AS3
CP7 = C:\Program Files\Adobe\Adobe Captivate 7 x64\Templates\PlaybackFLA\AS3
CP8 = C:\Program Files\Adobe\Adobe Captivate 8 x64\Templates\PlaybackFLA\AS3
Now that we have the file open, we need to find the code for that pesky scrubber:
Since the thumb handle on the progress bar has a mouse over action applying the "hand" cursor, let's get rid of that.
Now we need to export the SWF file so that Captivate can pick it up.
C:\Program Files\Adobe\Adobe Captivate 6 x64\en_US\Gallery\Playbars\AS3
C:\Program Files\Adobe\Adobe Captivate 7 x64\en_US\Gallery\Playbars\AS3
C:\Program Files\Adobe\Adobe Captivate 8 x64\en_US\Gallery\Playbars\AS3
Note 1: We use http://jsbeautifier.org/ to unminify our CPM.js. The find and replace may not work correctly in a minified CPM.js due to lack of spaces in the code. You also will not be able to comment the code unless using /* code */ comments.
Note 2: In Captivate 7 and 8, the CPM.js file can be extremely large (well over 15,000 lines of code for a project containing only a few slides) and may crash Dreamweaver, or at least it will stop responding. Be patient, it usually catches up with itself.
Note 3: When using the find and replace function, the quote or single quote characters need to be the same character style as what is already in the code. Do NOT use code from MS Word or this blog to populate the find and replace strings as this will break the code. Type the find and replace lines in your editor.
Tip: When copying text from a storyboard in MS Word, MS PowerPoint or some other application, paste the text into Notepad first before pasting into Captivate. This will remove all extraneous formatting and make editing much less painful.
So let's edit the HTML5 output code.
Note: If you do not have a site set up in Dreamweaver these are the files you need to edit for the applicable version of Captivate.
So now the progress bar without the scrubber really is a progress bar! We hope you enjoyed this latest in the Controlling Captivate series and find it useful.
To obtain your SWF file and other freebies, click the button below.