Learn how to use and modify widgets and create exciting e-Learning projects.

Note:

Due to recent changes in the Chrome browser, you may face difficulties accessing Flash-enabled content. If you experience any difficulties with Chrome, follow these steps to enable Flash in your Chrome settings (both Mac and Windows):

  • Open Chrome and in the address bar, enter chrome://settings/content.
  • On the Content settings screen, find the Flash Player listing. Check the status.
  • Select Allow sites to run Flash, and then click Done.
  • To manage Flash Player settings by site, click Manage exceptions.
  • On the Flash exceptions screen, enter the website domain and then choose Allow.  When finished adding sites, click Done.
  • Close the Content settings screen.

In addition to the parameters defined by the widget developer, Adobe Captivate allows you to set properties for widgets. You can modify the properties of a widget using its Property Inspector (Window > Properties).

Widgets

Name

Enter a unique name for the object. You can use this name when defining the visibility conditions for the object.

Visible

Deselect this option if you want the object to be invisible on the slide by default. Use the Show action to make the widget visible. For more information, see Controlling the visibility of objects.

Name and visibility
Name and visibility

Animation

Object Name

Name of the animation object.

Linkage

Provides the link to the associated SWF file.

Update

Click to reflect the modifications to the source file (if edited externally).

Source

Link to the source FLA file of the animation SWF file.

Edit

Click to edit the FLA file using Adobe Animate from within Adobe Captivate.

Alpha

The transparency of the widget. At 0% transparency, the widget is opaque, and at 100%, transparency, it is invisible.

Widget Properties

Click to display the Widget Properties dialog box that shows the parameters that you can use to customize the widget. These parameters are available only if the developer creating the widget has made provisions for customizing the widget. A snapshot of the widget may be displayed in this dialog box.

Timing

Display For [Time]

Specifies how long the widget appears on the slide.

Appear After [#] Seconds

Specifies the delay between the first appearance of the slide and the first appearance of the widget.

Widget timing
Widget timing

Transition

Effect

Transition effect for the widget. You can apply a fade in or fade out effect, and set the time for the fading effects.

Widget transition
Widget transition

Action

On Success

The options available if the user successfully fulfills the criteria specified in the widget. For more information, see Project navigation using interactive objects.

Attempts

Define the number of attempts.

Infinite

The user can attempt infinite number of times.

Last Attempt

The options available if the user fails to fulfill the criteria specified in the widget in the defined number of attempts. For more information, see Project navigation using interactive objects.

Options

Select the appropriate options from the following:

Success

The caption displayed when the user successfully completes the task assigned by the widget.

Failure

The caption displayed when the user does not provide the input required by the widget.

Hint

The caption providing a hint to the user. The hint is displayed when the user moves the pointer over the widget.

Pause For Success/Failure Captions

Pauses the project until all success and failure captions are displayed.

Transform

To define the exact size or location of the widget in terms of pixels, or to rotate the widget, click the Transform tab. Select from the following options:

X

Position of the X coordinate of the object.

Y

Position of the Y coordinate of the object.

W

The width of the object.

H

The height of the object.

Constrain Proportions

Maintains the height-to-width ratio when the object is resized.

Angle

Angle of rotation of the widget.

Transform properties
Transform properties

Reporting

If you want to keep score for the widget or coordinate the score with a learning management system (LMS), use the Reporting tab.

Include in Quiz

The points assigned to the widget are added to the score results for the current quiz.

Points

Points assigned to a correct answer. The maximum is 100 points; minimum is 0.

Add to Total

The score of the button is added to the quiz total.

Report Answers

Sends the score to the learning management system (LMS).

Interaction ID

Sends tracking information to the LMS based on the interaction ID specified by the LMS.

Set audio for widgets

You can add an audio file to noninteractive objects. The audio file is played when the object appears on the slide.

  1. To add audio, go to the Audio area in the Property Inspector and then click Add Audio.

    The Object Audio dialog box appears.

  2. In the Add/Replace tab, use the following options:

    Record Audio 

    Opens the Record Audio dialog box. (Recording audio requires some basic equipment.)

    Stop 

    Stops playing the audio file.

    Play 

    Plays the audio file.

  3. In the Edit tab, to edit the audio file in various ways, such as inserting silent periods and adjusting the volume.

  4. Click Settings to open the Audio Settings dialog box. You can change audio settings such as input source, quality level, and calibration. Click the Settings button to make your selections.

  5. Click Import to display the Import Audio dialog box. This dialog box lets you browse to an audio file and import it.

  6. Click Library to open the Library. The Library lists all audio files that are already part of the currently open Adobe Captivate project.

Using and editing widgets

Here's how you can create the following widgets. Click the links for more instructions.

Example 01 - Using the Bookmark widget

  1. To use the Bookmark widget in your slide, click Insert > Widget and choose Bookmark, or click Interactions > Learning Interactions and choose Bookmark from the list.

    Bookmark widget
    Bookmark widget

  2. Modify the properties of the widget. If you have question slides in your project and want to bookmark all question slides, select the check-box Allow only question slides to be bookmarked.

    Customize the bookmark icon appropriately and also assign theme colors to the bookmark. On a question slide, a bookmark widget is shown below:

    Widget on a question slide
    Widget on a question slide

  3. Make the quiz SCORM-compliant and enable reporting of the quiz in any LMS.

    Click Edit > Preferences > Quiz > Reporting and select the check-box Enable reporting for this project.

    Now, publish the project as a zip file somewhere in your computer.

    Publish as zip
    Publish as zip

  4. Import the zip file to any LMS or SCORM cloud and launch the course. Click the bookmark on any slide and exit the course.

  5. Re-launch the course. You resume from the slide where you had clicked the bookmark. The bookmark is in green, as shown below:

    Bookmark  on
    Bookmark on

    Click the bookmark again and resume the course.

    Boookmark off
    Boookmark off

Example 02 - Using the Dropdown widget

  1. To use the Dropdown widget in your slide, click Insert > Widget and choose Dropdown, or click Interactions > Learning Interactions and choose Drop Down from the list.

    Drop down widget
    Drop down widget

    Label Description
    1 List entries. The entries are comma-separated.
    2 The Update button allows you to see a preview of how the drop-down list looks after formatting.
    3 Formatting panel to choose a font, font style, and attribute.
    4 Variable to validate the items in the list. Create the variable in the Variable dialog as well. To create a variable, see Create variables in Captivate.
  2. As an example, when you click on any language, you can see a corresponding translated text.

    Insert an ok button in the slide next to the widget. Assign an advanced action to the button, which when clicked, displays the appropriate message.

    Drop down advanced action
    Drop down advanced action

  3. Similarly, for English and German text, show or hide the appropriate smart shapes.

  4. Preview or publish the project. Depending on the option chosen from the drop-down list and clicking ok, you can see the appropriate translation.

Demo of Drop Down widget
 

Example 03 - Using the Glossary widget

  1. To use the Glossary widget in your slide, click Insert > Widget and choose 08_Glossary.wdgt, or click Interactions > Learning Interactions and choose Glossary from the list.

    Glossary widget
    Glossary widget

    Label Description
    1 Give the glossary a name and description.
    2 Choose a right theme for the glossary.
    3 Preview a glossary term and description.
    4 Add or remove a glossary term.
    5 Import glossary terms from an XML file.
    6 View a sample XML file.
  2. To add a term to the glossary, click +.

    Add glossary term
    Add glossary term

    To remove a term, choose the term, and click -.

  3. To import an XML of glossary terms, click IMPORT. Choose the XML file and import the file to the widget. All terms mentioned in the XML are included in the widget.

    The following is a sample XML:

    <XMLBit>
        <term>
          <label>Asynchronous Learning</label>
          <def>When learners participate in an online learning course at different times, it is known as asynchronous learning.</def>
       </term>
       <term>
          <label>Blended Learning</label>
          <def>Blended learning is an instructional approach that includes a combination of online and in-person learning activities.</def>
       </term>
    	<term>
          <label>Courseware</label>
          <def>Courseware refers to any instructional software that is delivered on a computer.</def>
       </term>
    	<term>
          <label>E-learning</label>
          <def>eLearning (short for electronic learning) is an umbrella term that refers to all types of training, education and instruction that occurs on a digital medium, like a computer or mobile phone.</def>
       </term>
    	<term>
          <label>Webinar</label>
          <def> A webinar is a seminar or workshop in which the facilitator and participants view the same screen at the same time.</def>
       </term>
    </XMLBit>
  4. When you import the XML, and if the XML is a well-formed one, you can see the following message:

    XML file import successful
    XML file import successful

    The terms you had defined in the XML file appears in the glossary widget, as shown below:

    Glossary terms added
    Glossary terms added

  5. Preview or publish the project.

Demo of Glossary widget
 

Example 04 - Using the Listbox widget

  1. To use the Listbox widget in your slide, click Insert > Widget and choose Listbox, or click Interactions > Learning Interactions and choose List from the list of widgets.

    Listbox widget
    Listbox widget

    Label Description
    1 Add list items separated by commas.
    2 Update the list preview.
    3 Preview the list.
    4 Change font style, size, and color.
    5 Change button state properties.
    6 Assign a variable to the list items.
  2. As an example, create a quiz question where if you choose the right answer from the list, a pop-up appears that displays an appropriate message.

    Create two smart shapes that display Incorrect or Correct captions.

    Create an advanced action that checks if the variable v_city stores the correct answer. Assign the action to a button.

    Depending on the condition, if you click the button, you can see the right response.

    The following screenshot shows the Advanced Action.

    Listbox Advanced Action
    Listbox Advanced Action

  3. In the ELSE section, display the smart shape with Incorrect caption and hide the smart shape with Correct caption.

  4. Preview or publish the project.

Download

Example 05 - Using the Notes widget

  1. To use the Notes widget in your slide, click Insert > Widget and choose Notes, or click Interactions > Learning Interactions and choose Notes from the list.

    Notes widget
    Notes widget

    Label Description
    1 Set a user-defined or Captivate-default icon for the note.
    2 Insert a note for each slide or for the project.
    3 Set the note identifier.

    For more more information, see Learner notes widget.

  2. To save the changes, click OK. The note widget appears on the slide.

Adobe Captivate : Notes Interaction widget

Adobe Captivate : Notes Interaction widget

Example 06 - Using the Hangman widget

Adobe Captivate : Hangman widget

Adobe Captivate : Hangman widget

Example 07 - Using the Memory game widget

Memory Game widget in Adobe Captivate

Memory Game widget in Adobe Captivate

Creating a text animation

Animated text is text that has applied special effects. Adobe Captivate offers a wide variety of text animation effects that you can experiment with. For example, on the opening slide of a project, you can have text fly-in or fade-in for an eye-catching start.

  1. To insert a text animation in your slide, click Text > Text Animation.

    Text animation properties
    Text animation properties

    Modify the text properties according to your requirements.

  2. To add an effect to the text, choose an effect from the Effect drop-down list.

    Text animation effects
    Text animation effects

  3. To save the changes, click OK and start using animated text in your project.

    For more information, see Animated text.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy