Drag and Drop Results slide

May 15, 2020

I have created a free form drag-and-drop exercise that I need help with please. I have created a generic layer that the user can click on the see the correct answers at the end. What I want it to do is show the answers they made and the correct answers so they can see why their choice was not correct. What are some ways to accomplish this?

8 Replies
David Anderson

Hi Heather - 

I've attached a sample file for you. This is much more involved because you have 5 drag items that could (theoretically) each be dropped on the same target. That probably wouldn't happen but you have to account for it. It's more likely that 2 drag items could be dropped on the same target.

I went with variables to capture which object was dropped on each target. With the variables in place it's possible to show different types of vehicles based on the value of the variable. 

Please take a look at the source file and the following screencast and let me know if you have any questions.

Screencast: https://360.articulate.com/review/content/2266aef0-c63d-48be-91f4-031c755bbd0c/review

Heather Barlow

Thank you so much for the help! I think this will work for me. This type of activity comes up for me pretty often where I want to create a matching game and the template options in the graded questions won't work because I want to match a word to a picture. So I will see if I can recreate this again the next time I have a similar request.

Talia Williams

@Walt Hamilton - I have a question for you, and I've seen your name pop up multiple times here in the community regarding custom JS. @David Anderson, also please feel free to chime in - I would appreciate any input since I am dealing with a similar situation as asked above!

I have a list of 60 personal values that I'd like learners to whittle down this list to their top 5 to be referenced later in their elearning. I'd like it to be custom built.

Slide one contains 60 individual text boxes with their hover states, and the 5 hotspots that they can drop their selections into. Another large hotspot is on this slide to call back the selections (text boxes) to their original X/Y on the slide if the learner wants to swap them out. I found out it is also possible to stack the selections on top of one another in just one hotspot, which is not ideal, but not my main problem currently. I will have to problem solve and come back to the potential problem of someone accidentally selecting more than 5.

Is there a way to call these 5 personal values back up later in the elearning? I'd like to stay away from custom script since I am new to JS, but if that is my only route I would very much appreciate any insight on how that could look!

Notes:

The T/F variables are set up for each of the 60 options for "user drops" onto any of the 5 hotspots. I have another variable that enables the submit button when it reaches 5 - adding when the selections are dropped onto the hotspots, and subtracting when brought back over to the larger "call back" hot spot.

This is unfortunately very much proprietary information and I am unable to share a screenshot or file.

State changes wouldn't work for this. I've also tried more successfully setting individual trigger Text Entries to values "personal value typed out here" (based off T/F variable) and then %TextEntry% down the road... but the text entry is becoming very small in the text box due to 60 of them being typed into one text box.

Thank you so much!

Walt Hamilton

Talia,

Generally, I use JS only as a last resort, because the next maintainer of the project may not be JS-enabled. So here is a sample that uses only triggers that may get you started.

It has 60 items, that can be dropped on any of five different targets. If a second item is dropped on a target, the first one is replaced by the second. The continue button appears only after five items have been dropped. Each target also has a button that clears it. 

Two items cannot be dropped on one target, but one item can be dropped twice. When Continue is clicked it checks for duplicates and won't permit advancement if there are duplicates.

On Continue, the five items show up on the next slide.

Items 1 - 5 have a state change when dropped. I don't like it, but you might.

I only put triggers on the first 15 items.