Storyline Styles

Starter 2 Column Drag And Drop

***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 Starter 2-Column Drag and Drop Storyline template, and how to make a few edits to the file.

Users are asked in this interaction to drag 6 tabs to one of two dropzones. When a user successfully completes a column, the column header and icon change to provide visual feedback.

When both columns are complete, a "Correct" layer appears with final messaging.

To edit any of the content on these elements, click it, select all, and begin typing. Similarly, use the Format pane to edit styles.

Take note that all Dragger 1 elements belong to Dropzone 1 (and similarly, Dragger 2 elements belong to Dropzone 2) before renaming and reshuffling. Double-check your triggers for each of these if making changes.

Alternatively, begin by editing the triggers, and reposition if necessary.