Menu Files (Required):

1. 2. 3. 4. 5. 6.

open.png close.png expressInstall.swf menu.html menu.js menu.xml

(Any .png file can be used but file name should be intact) (Any .png file can be used but file name should be intact) (This auto updates End user's flash player if its version < 9.0) (This file can be renamed. This displays menu and captivate movie based on values in menu.xml) (This has required JavaScript functions and should not be modified) (File name should not be modified. This is to customize the menu and captivate movie)

End User System Requirements: Adobe Flash Player 9.0 or above Browser: IE, Firefox, Chrome, Safari, Opera or Other Appropriate browser configuration to allow JavaScript (default settings).

Compatibility with Adobe Captivate Versions: Captivate 2 / 3 / 4

Installation: The 6 Menu Files and published Captivate files should be together. (However the Captivates .html and standard.js are not required by Menu. You may delete them to save space) A. On Local Computer (For Testing / Demo) 1. Flash Player Security: Set using the link below (FP Settings manager). Add folder containing Menu plus Captivate files or its parent folder to Adobe Flash Player Settings manager-> Global Settings->Always trust files in these locations. (OR) Choose Always Allow. The former is suggested as the later affects the security of whole computer. http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html

2.

Compatible Browsers: Firefox, Opera, Safari and Google Chrome(Internet Explorer does not support local XML)

B.

On Web Server 1. 2. 3. 4. It works out of box with all browsers. No Flash Player Settings are required by end user. In the absence of a flash player, menu.html displays an INFO message with a link to download the latest Flash Player. If user has an older flash player but version > 6 then menu.html provides option for auto update.

Publishing Captivate Movie: 1. 2. Please refer Captivates user guide to understand the publish settings. Depending on publish settings/components used Adobe Captivate generates files. The published files may contain one or more swf files. One of these is the container and all others are dependencies. We should identify and provide the container swf to menu.xml.

Tip to identify the container swf: A. Run each swf in standalone mode to identify the container swf. The one that main timeline and widgets/borders/inserted Animations and other inserted components is the main swf. (OR) B. Check the source code of Captivate .html for swf file being referenced.

Captivate 4 Check for this statement in original published .html file swfobject.embedSWF(abc.swf Versions 2,3 Investigate <object> or <embed> tags for the swf file being referenced.

Action Script: AS3 is the successor of AS2. Both can run simultaneously within a Flash Player engine but dont integrate with each other well. Hence Adobe recommends avoiding Action Script mix ups. Please use AS2 with AS2 and AS3 with AS3 only AS versions in Captivate 4 Captivate 4 provides options to publish in AS2 /AS3 default being AS2. Captivate 2, 3 can publish in AS2 only. The AS version of swf being inserted (Animation / Widget) and the AS version of containing Captivate Movie should be SAME i.e. AS2 widgets/animations in AS2 movie and AS3 widgets/animations in AS3 movie You will see a WARNING message in Captivate 4 if this is violated. Menu cannot control such a movie Interactive objects Main Timeline halts and waits for user when an interactive object like Button/Textbox/Quiz. User has to respond for Timeline/Slide to continue further.

Licences: The CaptivateController, swfobject and jquery API's are all licensed under MIT. Hence the Menus usage/distribution is unrestricted. The respective headers in menu.js must be left intact.

XML Explained:
NOTE: NO XML TAG SHOULD BE LEFT BLANK. OTHERWISE MENU WILL FAIL

Container swfs name, dimensions (pixels) and position on HTML page (pixels).

<captivatemovie> <name>test.swf</name> <width>640</width> <height>480</height> <x>200</x> <y>100</y> </captivatemovie>

Page title for menu.html <pagetitle>My Captivate Movie</pagetitle>

Menus Appearance: 0<=opacity<=1 top moves the menu vertically Menu has to be scaled manually to fit the captivate movie by using buttonheight parameter controlimages are open.png and close.png. Scale them manually according to Menus dimensions <menu> <opacity>0.6</opacity> <top>0</top> <bordersize>2</bordersize> <bordercolor>red</bordercolor> <buttonheight>30</buttonheight> <buttonwidth>100</buttonwidth> <controlimageheight>30</controlimageheight> <controlimagewidth>30</controlimagewidth> </menu>

Menus Title: Name, Background, Texts color, font, Alignment/Margin

<title> <name>All Chapters</name> <bgcolor>#000000</bgcolor> <textcolor>#FFFFFF</textcolor> <fontsize>12</fontsize> <font>Arial</font> <textalign>center</textalign> <textleftmargin>0</textleftmargin> </title>

Menus button: Background (mouse over/out), Texts color (mouse over/out), font, Alignment/Margin

<menuitem> <fontsize>12</fontsize> <font>Arial</font> <textcolor_up>#000000</textcolor_up> <textcolor_down>#FFFFFF</textcolor_down> <bgcolor_up>#696969</bgcolor_up> <bgcolor_down>#000000</bgcolor_down> <textalign>left</textalign> <textleftmargin>20</textleftmargin> </menuitem>

Menu items name and respective slide position in Captivate movie. Duplication is allowed by adding leading 0s to respective slide positions. For example, 1,01,001 all represent Slide 1 in Captivate movie. <item> <itemname>Topic 1</itemname> <slidenumber>1</slidenumber> </item> <item> <itemname>Topic 2</itemname> <slidenumber>2</slidenumber> </item> <item> <itemname>Topic 3</itemname> <slidenumber>3</slidenumber> </item> <item> <itemname>Topic 4</itemname> <slidenumber>4</slidenumber> </item> <item> <itemname>Duplicate Topic 1</itemname> <slidenumber>01</slidenumber> </item>

*****