Buttons

 Top  Previous  Next

Rewind Button

<li id="rewind_button" class="button_rewind"><a href="#" onclick="toggleButton('rewind_button')" title="Rewind"></a></li>

•This button navigates the user back to the first slide in the movie.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Back Slide Button

<li id="back_button" class="button_back"><a href="#" onclick="toggleButton('back_button')" title="Back"></a></li>

•This button navigates the user to the previous slide in the movie (think of “-1”).
•You can adjust the title attribute for the tooltip display on mouseover.

 

Pause/Play Button

<li id="pause_button" class="button_pause_on"><a href="#" onclick="toggleButton('pause_button')" title="Pause/Play"></a></li>

•The graphics for this button alternates between a “Pause” and “Play” icon.
•If the user has clicked the Pause button, it will be automatically be switched back to the “Play” button when the user resumes the movie by either clicking the Pause Button again, Previous Slide Button, Next Slide Button, or a link in the Menu Panel or Sidebar.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Forward Slide Button

<li id="forward_button" class="button_forward"><a href="#" onclick="toggleButton('forward_button')" title="Next"></a></li>

•This button navigates the user to the next slide in the movie (think of “+1”).
•You can adjust the title attribute for the tooltip display on mouseover.

 

Menu Panel Button

<li id="menu_button" class="button_menu_on"><a href="#" onclick="toggleButton('menu_button')" title="Menu Panel"></a></li>

•This button will toggle open/closed the Menu Panel.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Mute/Unmute Button

<li id="mute_button" class="button_mute_on"><a href="#" onclick="toggleButton('mute_button')" title="Mute"></a></li>

•This button will mute or unmute the audio in the Captivate movie.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Closed Caption Button

<li id="cc_button" class="button_cc_on"><a href="#" onclick="toggleButton('cc_button')" title="Closed Captioning"></a></li>

•This button toggles open the Closed Captions within the Captivate movie.
•Closed captions must be edited within Adobe Captivate.
•If the Closed Caption window is empty, it is because the slide timing has gone “past” the closed caption text within the Captivate slide (timing must be adjusted within Captivate), or no closed caption content was added to the slide.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Web Page Button

<li id="url_button" class="button_url"><a href="http://www.google.com" target="_blank" title="Open Webpage"></a></li>

•The Web Page button allows the end-user to open a link to any URL you wish them to navigate to. This can be an internet web site, an intranet web page, or a document located on a web server.
•The URL for the links should be set within the href area, such as “http://www.google.com”.
•The target attribute can be set to any standard option you wish. By default the target is set to _blank so that the link opens in a new browser window.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Contact Button

<li id="contact_button" class="button_contact"><a href="mailto:yourname@yourcompany.com" title="Submit Email Message"></a></li>

•The Contact Button offers end-users the ability to submit an email to a contact person.
•Edit the email address of the contact after mailto: such as - yourname@yourcompany.com.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Content Panel Button

<li id="content_button" class="button_content_on"><a href="#" onclick="toggleButton('content_button')" title="Content Panel"></a></li>

•The Content Panel button toggles open the Content Panel.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Download File Button

<li id="attachment_button" class="button_attachment"><a href="attachments/controlpad_handout.pdf" title="Open Attachment" target="_blank"></a></li>

•The Download File button links directly to a document located on a web server. This might be helpful if you want your end-users to open a single attachment such as a PDF version of the Captivate movie, a job aid, or a list of glossary terms.
•The target attribute can be set to any standard option you wish. By default the target is set to _blank so that the link opens in a new browser window.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Popup Window Button

<li id="note_button" class="button_note"><a href="attachments/attachment_list.html" target="notepage" title="Attachment List" onclick="window.open('attachments/attachment_list.html','notepage','height=400, width=500,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;"></a></li>

•The Popup Window button opens a small browser window.
•You can set the height (height=400) and width (width=500) of the popup window.
•You can set various attributes of the browser window in the popup, such as if it is resizable, or will display the statusbar or menubar.
•The URL of the popup window is set in this area: window.open('attachments/attachment_list.html'. By default, the Popup Window button is lined to the attachment_list.html file included with the Control Pad.
•The target-“notepage” should not be edited or removed.
•The id ‘notepage’ should not be edited or removed.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Editing The attachments_list.html File

•By default the Popup Window button opens the included file attachments/attachment_list.html.
•Also included is the help.html file which can be alternatively linked to.
•You’ll need to edit the HTML within the attachment_list.html file to change its contents.
•The list of attachments to link to must be edited in the attachment_list.html file.
•The design of the attachment_list.html and help.html file are contained in the files themselves. All CSS and design information is in the <head> tags of these files.

 

Popup Window Title

<title>Attachment List</title>

 

Popup Window CSS

The appearance of the attachement_list.html and help.html files are controlled by embedded styles in the HTML files, beginning with the code:

<style type="text/css">

<!--

body {

 

Print Button

<li id="print_button" class="button_print"><a href="#" onclick="javascript:print()" title="Print"></a></li>

•This button prints the web page. When clicked, the Print dialog will automatically appear so the end-user can adjust the print settings.
•You can adjust the title attribute for the tooltip display on mouseover.

 

Information Button

<li id="info_button" class="button_info"><a href="#" onclick="toggleButton('info_button')"></a></li>

•This button is currently not working consistently across Captivate projects.
•We’ve been in contact with Adobe and an expert JavaScript programmer, who have both confirmed that the Captivate API does not allow for JavaScript to activate the Captivate information window with consistently. Beginning with version 1.10, we have removed the Information Button from the playbar.

 

Sidebar Button

<li id="sidebar_button" class="button_sidebar_on"><a id="sidebar_button" href="#" onclick="toggleButton('sidebar_button')" title="Sidebar Menu"></a></li>

•This button will toggle open/closed the Sidebar Panel.
•You can adjust the title attribute for the tooltip display on mouseover.
•The up/over state of the Sidebar button is also triggered by the Sidebar toggle button positioned over the Captivate movie. If you user open/closes with either the Sidebar playbar button or the Sidebar toggle button over the Captivate movie – our Scripts will automatically detect the current state and adjust it accordingly.