Captivate Styles

3 Column Drag & Drop Captivate

***All template files are tested using modern browsers, such as Chrome and Firefox. We do not support or test using Internet Explorer.***

Do you want to learn how to use xAPI in this template? Learn Now!!




In this video, we're going to take a look at the structure of our 3-Column Drag and Drop template, and how to make a few edits to the file.

The 3-column dragger requires users to drag each of the three tabs at top into their corresponding dropzone at bottom.
Once the user has made and/or edited their drop selections, they press Submit, and correct or incorrect feedback is shown.
It's quite simple to use and edit.

All text can be edited by selecting and typing over.
Use the advanced actions pane to set the text for each dragger and dropzone - check the Set_DraggerText action.
All object styles can be edited using the style pane. Just make sure to double-check states for each object.

To change the accepted drag source of each drop zone, just go to variables and change the value of the DropZone# variables. Use 1 - 3 here, relative to the drag source you'd like to associate with each dropzone.