Using the Interactive Drag and Drop Widget

This page contains help topics related to using the Interactive Drag and Drop widget.  For help topics related to the Drag and Drop Lite question widget, go to this link instead.

Insert the widget into a Captivate project:

  1. Open a new or existing project file in Captivate 4, 5, or 5.5.
  2. Select the slide where you want the widget to appear and, from the Insert menu, select Widget.  A select dialog opens.
  3. Browse to the location on your hard drive where you saved the downloaded Interactive Drag and Drop widget file, select it, then click OK.  After a few seconds the widget is added to the selected slide.

Add Drag and Target Objects

You can use almost any type of Captivate object as a drag or target object in a drag and drop interactivity.  Suitable objects include text captions, text animations, images, animations, and highlight boxes.  You can even use video! However, shape objects are not supported because the registration point for a shape is always the top-left corner of the stage, not the top left corner of the shape.  This means if a shape is used as a drag or target object, it snaps to the top left corner of the stage area when dropped. 

To insert drag or target objects:

  1. Add the required objects to your Captivate slide. It's usually best to add target objects before drag objects because the drag objects need to be on layers above their targets.  Adding targets first ensures they are on the lower layers.
  2. Select each drag and target object and change its Item Name to something easier to remember and match with it's partner.  For example, you could name drag objects as Drag1, Drag2, Drag3 etc, and their relevant targets as Target1, Target2, Target3, etc.
  3. Position the objects carefully on stage as you want them to appear.  The position of target objects may be more important than drag objects, since Randomisation preferences may mean the starting position of the drag object is changeable.
  4. Double click the Widget to open the Widget Properties dialog. (In Captivate 4 you need to go to the Widget Parameters tab of the dialog.)
  5. Click the Add Drag Object button or Add Target Object button to open the Add Item dialog.
  6. Enter the Item Name of an individual object, then click Add.  The object is added to the Drag Objects or Target Objects list. 
  7. Repeat the previous step to add all drag and target objects required.  You can add multiple objects at the same time by entering Item Names separated by commas in the Add Item dialog box.  (E.g. Item1,Item2,Item3)
  8. When all drag and target objects have been added, click the Correct Answer tab.
  9. Drag each drag object from the horizontal list above onto its relevant target object below.  By default, Preference is set to allow only a single drag object per target. If you drag multiple objects to a single target, you will be prompted to change the Preference setting.

Setting Preferences

This can sometimes be the most complex part of the entire task because there are a wide variety of preferences to choose from and some should not be used together. 

Test the Widget Behaviour

After adding all objects, setting up the Correct Answer scenario, and configuring the Preferences, it's time to test how the widget works.  To quickly preview behaviour, hit F4 or Ctrl + ENTER.  Verify that the widget interaction is working as expected.  If not, modify the objects or preferences as required.

Questions?

If you have a query regarding some aspect of using the Interactive Drag and Drop widget, send us an email message using the Contact form on this website.  We answer all questions within 24 hours or less.

IF YOU LIKE WHAT YOU'VE READ ABOVE, THERE'S PLENTY MORE!

Join more than 2500 other Adobe Captivate users just like yourself and receive regular troubleshooting tips, illustrated tutorials, technical information, and creative solutions to real-world e-learning development issues. (See an example here.) Click the button below to join our community.  It's completely FREE!