# Drag-and-drop mystery

I'm not sure if this is possible, but...

I've created a drag-and-drop interaction where the user needs to drag the numbered boxes to the correct column (what is the average of the two numbers?). The end result needs to look like a pyramid. I've achieved this with the current .story file; however, I'd like to do it so that you can drop the boxes into any of the drop targets in that column, rather than one specific box.

For example, for an average of 5.5, you can do the 5/6 box or the 6/5 box. Currently, you are required to put the 5/6 box in the top slot of the 5.5 column and the 6/5 in the bottom slot. I want to make it so that you can put either box into either of those slots, because those would both be the correct answer.

To see why I want to do this, try doing the interaction yourself before tackling the Storyline problem. You'll get frustrated almost immediately, because you know you have the right answer - but the stupid computer won't take it!

Also, I've tried all the different stacking options in the settings - none of them will get me the pyramid shape that I need.

Is there a way to do this?

###### 21 Replies

You will need to set conditions on each of the shapes to show the good work layer. i.e. ( if 6/5 OR 5/6 dropped on target 6/5 then show layer "Good Job"

Where can I do that? I've been using the drag-and-drop wizard and letting it mess with triggers and conditions and such.

Oh your going to need to make your pyramid as a slide then convert it to a free form drag and drop question.

So I set all the triggers and conditions myself, then "convert to freeform?"

HI StatEase,

I created a tutorial a while back on using a Freeform PickOne Quiz for a drag and drop in situations where you have multiple drop targets. The Video page also has a link to a thread where you can get the sample file.

Hi StatEase,

Make states on all your objects (drop correct and drop incorrect)

Make triggers on all your objects (when dropped on target x, turn state to 'drop correct').. do this for all the correct drop targets for that shape.

Make triggers on all your objects (when dropped on target y, turn state to 'drop incorrect').. do this for all the incorrect drop targets for that shape.

Make it a 'pick one free form' (or T/F) and make triggers on the submit button to change True to selected when all objects are dropped correct and change False to selected when one your objects is 'dropped incorrect'.

The slide I included isn't your piramid, but a simpler slide I made were you can see your problem solved.

(I only want to know how I can shuffle the shapes I start with, but I don't think you want to have that option, so your problem should be solved)

Michel, thank you, this looks promising. My problem now is that a) I'm working with grouped objects, and I can't change the state of grouped objects; and b) I can't get the dragged items to stay dropped when I preview it.

Rebecca, the video link you gave me takes me to my personal videos on youtube, not the Storyline ones.

Hi StatEase,

I seem to have slippery fingers lately. Sorry about that. I've fixed the link above and checked it...and am providing it here as well.

I think I've fixed my finger slips! Apologies.

Hi Rebecca,

The video was very helpful - I've now recreated my boxes as pictures and created new Drop Correct states for all my boxes. However, when I preview the slide (to test the boxes I've made triggers for), it doesn't drop the boxes - it snaps them back to their original place. What am I doing wrong here?

Hi StatEase,

I took a quick look at your story and see that you've not yet converted it to a Pick One quiz. So you don't yet have in place the Correct and Incorrect buttons (which are placed offstage) that allow Storyline to score something as incorrect when it's placed in the wrong location. Since SL doesn't know what to do, it's snapping incorrectly placed objects back.

I think if you watch the video again, especially beginning at around 3:00, and or if you download my sample file and compare it to yours, you'll be able to move forward.

Let us know if that works for you!

I downloaded the file and compared it to my pyramid, and I watched the video again, and I made some changes. My boxes still refuse to drop properly. My personal next guesses for why they still snap back are a) I don't have triggers for all the drag items set up and b) the drop targets aren't exactly the same size as the drag items.

I've uploaded the changed version - do either of these guesses make sense? Is something wrong with the file itself?

Hi StatEase,

There were two things going on with your file. I've uploaded it and I think it's working now (I added outline colors to the squares to help me know where to drop things...you can change those back or fix your original file in the way I've done).

First, although you'd added the Pick One freeform you hadn't "used" it. That is, you hadn't inserted the Correct and Incorrect buttons into the Pick One as choices...and therefore you also hadn't chosen the Correct button as the Correct answer.

Also, if you right click on any of your drag items, you'll see that the Drag Return option is not checked.For some reason it had been checked on your file (see screen shot)...I don't know why that was the case...I don't remember SL doing that be default in the past.

Anyway, it was preventing the incorrectly dragged items to be dropped. I unchecked all of these and I think you're now good to go.

Thank you so much! I'll look for that "drag return" business in the future. This is a huge help!

Sorry I wasn't able to reply since I was on a three week vacation, but it seems like Rebecca helped out perfectly!

*thumbs up*

Rebecca,

Thanks so much for clear and simple instructions - and great training video..  I am so close to having this work.    All the features are good except that I don't want drag items (text boxes) to snap into the correct area or snap back to their original position.  I prefer the user drag the boxes anywhere on the screen with out the helpful snapping to position action.

Hi Cleon!

If you do not want them going back to the original position, you will need to add drop incorrect values as well.

Leslie,, that concept makes sense,, not sure "how to" add the incorrect ones.. I'd greatly appreciate an example

Cleon

Hey Leslie McKerchie - I have another help need..  Attempting to have the questions reveal / display as the users completes the drag of both words to the on screen question..  I have it working for one word, but not both..  What additional conditional statement or variable feature do I need?

Thanks

Cleon

Hi Cleon!

Could you add a condition to include the second word or perhaps variables would work better. This is not a standard set-up and hopefully someone in the community will be able to better assist with your design.

Thanks - I tried a couple of variations - second word conditional (drag over) and variables too.. not found the solution yet  Thanks Leslie