Menu Widget User Guide

Menu Widget User Guide
Menu Widget User Guide
Contents
Inserting the Widget into Your Captivate Project ........................................................................ 2
Accessing Widget Properties .................................................................................................... 3
Modifying Widget Properties .................................................................................................... 4
Menu Items Tab .................................................................................................................. 4
Options Tab ........................................................................................................................ 5
Graphics Tab....................................................................................................................... 6
Color Options Tab ................................................................................................................ 7
Tip for Determining a Six-Character Color Value ................................................................... 7
Important Notes .................................................................................................................... 8
Widgets are a powerful add in component that extend the standard functionality of Adobe Captivate.
With the Menu widget, even novice Captivate users can add games to their training deliverables.
Inserting the Widget into Your Captivate Project
You can insert widgets into your Captivate
project from the Insert menu.
1. From the Captivate main menu, select Insert.
2. Select Widget.
3. The Open dialog box displays. Navigate to
the folder that contains the menuWidget swf
file.
4. Select the widget SWF file, and click Open.
5. The widget is added to your Captivate
project, and the Widget Properties display.
Refer to the Modifying Widget properties.
Page 2 of 8
Accessing Widget Properties
Similar to Captivate objects such as text captions or buttons, widgets have properties that define
appearance and functionality.
After you insert the widget into your project, you can set up or edit the widget properties. To access
the widget properties:
•
With the widget displayed on the Captivate stage [A], double-click the widget
•
Select the widget [A], and then select Properties, Widget Properties [B]
[A]
[B]
Refer to Modifying
Widget properties
for details about
widget setup.
Page 3 of 8
Modifying Widget Properties
Use the following procedure to customize the menu widget.
Menu Items Tab
The game widget has six questions, and each question has a properties tab where you set up, or
define, the question. The setup procedure is the same for all questions, only the point values differ.
1. Select the Menu Items Tab.
2. Enter the menu heading
3. Enter the text for the menu item entries.
4. Enter a Jump Destination for each menu entry. Destination can be a:
•
Slide number in current Captivate movie
•
HTML (HTM) page
•
PDF file
•
URL address
5. Check the Open in New Window box if you want the Jump Destination target to open in a new
browser window (destination must be HTML/HTM, PDF, or URL).
Page 4 of 8
Options Tab
The Options tab allows you to:
•
Designate how the menu is triggered
•
Customize menu width.
1. Select the Options tab.
2. Check the Open Menu on Cursor Over box if you want the menu dropdown to display on a cursor
over. If the box is not checked, the user must click the Heading area [A] to open the dropdown.
3. Set a pixel value for the Heading area [A] width. The value determines the width of the
background, which is also the active area for the menu. A button click or cursor over is active
only in the designated pixel width. In the example below, the value is 125 pixels.
4. Set a pixel value for the dropdown area [B] width. In the example below, the value is 150 pixels.
Page 5 of 8
Graphics Tab
The Graphics Tab allows you to substitute a graphic image for Heading area [A]. The tab accepts two
file names for the:
•
Static state
•
Cursor over state (when the user moves the cursor over Heading area [A]
1. Select the Graphics tab.
2. Type the file names in the provided fields. Format must be jpg, gif, or png. For example:
3. Copy the graphic image files to the same folder as the Captivate movie file.
NOTE: External graphic images cannot display in Captivate Preview. You must publish the movie and
view the movie in a web browser. The graphic image files must be in the same folder as the
Captivate movie files, or the images cannot load.
Page 6 of 8
Color Options Tab
The Color Options tab allows you to customize the colors of the various menu elements.
1. Select the Color Options tab.
2. Type a six-character value in the appropriate field or use the color picker to select a color.
Tip for Determining a SixCharacter Color Value
1. Place a shape on the Captivate stage.
2. Select the blue shape [A].
3. In the Captivate Properties window,
select Fill and Stroke [B].
4. Click Fill [C].
5. Click the Eye Dropper tool [D].
6. Position the dropper over the desired
color in the color palette or over an
object (such as an image) on the
stage.
7. The corresponding six-character color
value displays above the color palette
[E].
[B]
[C]
Note: You can also place an image on the
stage to match a specific color value. For
example, position the dropper over an
image to identify the color value for the
green leaves [F].
[E]
[D]
[F]
Page 7 of 8
Important Notes
1. If you choose to substitute graphic images for the menu heading area [A], please note that the
image files must be in the same folder as your Captivate movie.
The folder contains the
published Captivate
movie files and the
substitute image files.
2. Substitute images cannot load in Captivate Preview. You must publish the Captivate movie and
view the movie in a web browser.
Page 8 of 8
Was this manual useful for you? yes no
Thank you for your participation!

* Your assessment is very important for improving the work of artificial intelligence, which forms the content of this project

Download PDF

advertisement