Control Pad for Adobe Captivate

Replacement for the Adobe Captivate Playbar and Table of Contents

We're excited to announce the release our latest product, the Control Pad for Adobe Captivate!

Overview

The Control Pad for Adobe Captivate replaces the standard Captivate playbar with an advanced JavaScript tool.

With the Control Bar you'll get all the standard features of the default Captivate playbar, plus many new features! You can control which buttons appear, their order, and their exact size and appearance. Plus you get many new optional features such as a Menu panel to navigate to specific slide numbers. You control the menu items, their titles, appearance, and the slide numbers they navigate to! Other optional display options are the Header, Subheader Footer panels. We included an Attachments pop-up window so you can offer users links to files to download. Control Pad buttons can also open any web address and link directly to an email address.

The Control Pad also includes the Sidebar - a replacement for the Captivate Table of Contents button. This addresses a very popular concern for Captivate - the appearance of the TOC button. Now, you can display a large button that's much easier for your users to see and use! The Control Pad was specifically designed for integrate with published Captivate movies as easily as possible.

Features

PLAYBAR

  • Displays standard Captivate playbar buttons - pause/play, previous slide, next slide, rewind, mute, closed caption.
  • Includes new buttons not available in standard Adobe playbar:
    • toggle open/close Menu Panel
    • toggle open/close Content Panel
    • toggle open/close Sidebar Panel
    • open Attachments pop-up window (links to multiple documents)
    • direct link to single attachment document (.pdf, .doc, .xls, .ppt, etc)
    • open web page (you can control size and visibility of standard browser elements such as scroll bar, menu bar, status bar, etc.)
    • send email
    • print
  • Control Pad buttons can be fully customized and replaced with your own image files (.png, .jpg, .gif).
  • Includes blank button images in each color and size so you can create buttons with your custom designs.

MENU PANEL

  • Optional horizontal panel with links that navigate to specific slides of the Captivate Movie.
  • Text of menu items is fully customizable.
  • Developers configure the Captivate movie slide numbers the menu items link to.
  • Appearance of links fully customizable via CSS.
  • Can be displayed persistently, or toggled open/closed with Control Pad button.
  • An optional hyperlink can be displayed in the Menu Panel content area to close the panel. If clicked, the link will automatically reset the Menu Panel button in the Control Panel to the “up” state.

CONTENT PANEL

  • Optional horizontal panel with any content you desire – text, images, hyperlinks, Flash movies, etc.
  • Can be displayed persistently, or toggled open/closed with Control Pad Button.
  • Panel can be used for any number of purposes, such as providing instructions, a list of contacts, help and technical support information, links to download attachments, a customer scenario or background information that is used in the software exercise, etc.
  • An optional hyperlink can be displayed in the Content Panel content area to close the panel. If clicked, the link will automatically reset the Content Panel button in the Control Panel to the “up” state.

SIDBEAR (Table of Contents)

  • The Sidebar is an optional feature to replace Captivate's default Table of Contents.
  • When open the panel displays a vertical list of items that link to designated slides in the Captivate movie.
  • The Sidebar is opened using either a button placed over the Captivate movie (button is much larger and easier to see than the default Adobe TOC button) or a button in the Playbar.
  • You can customize the appearance of the Sidebar buttons and the sidebar panel.
  • You can edit the Sidebar contents, including the Sidebar order and number of menu items, their titles, and the slides they link to.

ADDITIONAL PANELS

  • Also includes panels for Header, Subheader, Footer.
  • View a diagram of the Control Pad Panels.

FLEXIBILITY

  • Web page can be fully customized with your content (text and images), and branding requirements such as logo, color scheme, fonts, and copyright notice.
  • 2 designs included: large and small buttons. Each design comes with 3 color schemes (black, gray, purple). Over 200 button images included!
  • Captivate movies displayed can be any size. You set the width and height in the HTML page.
  • Custom editing of HTML, CSS and JavaScript available for those with technical knowledge.
  • Compatible with Adobe Captivate versions 2, 3, 4, 5, and 6.
  • Cross-browser compatible (IE, Firefox, Opera, etc.)

SUPPORT

  • Includes detailed Instruction Guide (.PDF).
  • Ships with working sample files.
  • Updated FAQs online.
  • Free technical support for all of our customers via email.
  • Like all of our products, free lifetime upgrades!
     

Screen Shots

Playing Captivate Movie Sidebar open and Slide 3 Clicked Menu Panel open
Control Pad Playing Movie Control Pad Sidebar Open Control Pad Menu DIV open
Content Panel open Attachment Download pop-up open Folder/File Structure
Control Pad Content DIV open Control Pad Attachment Open Control Pad Folders

 

Tours of the Control Pad

Here's some Captivate movies that provide walk-throughs of the Control Pad:

9 Slides screencast, 8:35  screencast, 5:03

 

Compatibility

The Control Pad is compatible with:

Captivate
Browsers
Flash SCORM/AICC
  • Adobe Captivate 2.x
  • Adobe Captivate 3.x
  • Adobe Captivate 4.x
  • Adobe Captivate 5.0
  • Adobe Captivate 5.5
  • Adobe Captivate 6.x
  • Internet Explorer 4.x, 5.x, 6.x, 7.x, 8.x
  • FireFox 1.x, 2.x
  • Opera 9.x, 10.x
  • Chrome 5.x, 6.x
  • Safari (Mac)
  • Flash 8
  • Flash 9
  • Flash 10
  • Flash 11
The Control Pad is not compatible with SCORM or AICC protocols.

 

Components

The Control Pad consists of the following elements:

  • XHTML 1.0 Transitional (doctype) web pages
  • Cascading Style Sheet (CSS 2.0)
  • JavaScript files
  • In order to deploy the Control Pad with your content, minimal HTML editing is required. In fact only one edit is required - changing the name of your published Captivate (.SWF) movie.
  • Developers with HTML and/or CSS knowledge can further customize the display of the Control Pad. The included Instruction Guide (.PDF) details the options available.
  • Dreamweaver MX or higher is recommended for CSS support.
  • No JavaScript editing is required!

Basic Workflow

We've designed the Launch Pad to allow developers with technically savvy in HTML and CSS to customize the design and funcationality of the system. You can overhaul the page design, colors used for the menu items - up. over, and active states, CSS, fonts, etc. The Instruction Guide provides documentation on editing most elements of the page.

Step 1
Create a folder for your project ( typically \My Documents\My Adobe Captivate Projects\<MyProject> ) and copy the Control Pad files into it.
Step 2
Publish your Captivate movie as a Flash (.swf) file into the \flash folder.
Step 3 Edit flash filename within the Control Pad HTML file to display your published Captivate (.SWF) movie.
Step<br />
4 Edit the Control Pad for your project requirements. For example, replace the logo graphic and edit the specific Control Pad buttons you wish to include.
Step 5 Test the Control Pad on your local PC in your web browser.
Stage the files to production web server.

 

Purchase

Our products are licensed on per-developer basis. If you have multiple developers we offer volume discounts as outlined below.

Price: $49.95

Select a license option


Lifetime License

All of our products now include a free lifetime license. You purchase the product once, and you're entitled to free upgrades to each version we release. Worried about upgrading to Captivate 5 or 6? Well don't - we'll provide a free upgrade to you.

Version History

Version Date Release Notes
1.00 01/20/2010 Initial version release.
1.10 02/15/2010
  • Changed class names of 3 buttons to use the Adobe naming convention (rewind, back, forward).
  • Removed Info button from playbar.
  • Added Sidebar button to playbar. Sidebar can now be toggled by clicking a button in the playbar or a dedicated button positioned over the Captivate movie.
  • Expanded Instruction Guide with more information about using custom images for buttons.
  • Added title attribute to all Control Pad buttons. This descriptive text displays when the mouse moves over the button (supported by Internet Explorer, Netscape 6.x and Opera 3.0+).
1.50 09/10/2010 Updated for Captivate 5.x
2.00 07/20/2012
  • Updated for Captivate 6.x
  • Set default Flash version to 11.
  • Revised Instruction Guide.