I have a Storyline drag and drop interaction which requires the user to drag an item to a drop target... Is there a way to allow for two correct answers? For example.. Item A can be placed in either Drop A or Drop B, but not Drop C?
I created the attached a while back to answer a similar question. It's not pretty, just functional
The tiny ovals were representing sensors that needed to be placed appropriately on a "person", and in this example that meant the person's right hand or right foot, where the "target" rectangles are. Neither sensor should be placed on the chest or the left thigh (in real life this would of course be different...this was just a mockup to show how this could be done).
The thing was, either sensor could be placed on either target. So Oval 1 could go on the foot or the hand, and the same with oval 2.
Each oval has a Drop Correct and Drop Incorrect State. Take a look at the Triggers panel to see how the ovals' states are triggered
Instead of a Drag and Drop, I used a Pick One Freeform. The "correct" rectangle = the correct answer. Notice the additional triggers in the trigger panel that change the state of the Correct rectangle to selected if both ovals - Drop Correct, or the state of the Incorrect rectangle to selected if either of the ovals = Drop Incorrect.
It's a LOT to chew on, so please shout out with any questions! Oh, and there's a link to the original thread in the notes section.
This solution has stood the test of time! It worked perfectly for my drag and drop calculation where it does not matter where the first three items go. Thanks, Rebecca!
I also got the garbled html when trying Rebecca's link. I also tried to go to her Hero's page and could not find the file. SO, here is mine. I hope you find it helpful
I've been working on an interaction similar to this using a lot more drag and [hidden] drop items. I need to make sure that only one drag item can exist in a drop target at any single time, or at least you don't get a correct answer if you have two sharing a space.
Using the example you have here - if you drag both numbers to the foot you get a correct answer and it's obviously wrong. Anyway around this. I've been trying to sort this for a few days now.
Because I have multiple drag items that can be associated with several drop targets, I've had to use the free form Drag and Drop. This stops the above function from working. My big problem is that if you have all the drag items in the correct place then move one onto another correct target you still get the correct answer when you click submit... [this is hard to explain]
I've attache an example of my file and a small video. Please note my final project will use hidden targets and no tick signs !
I have also used the free form pick one method but still run into the same problem.
Hi Denis! Thanks for including the video in your file - that helps! Can you explain why you would want your users to be able to go back to a question and make changes if they already got it correct?
the ticks and the targets will not be visible so they won't know they had it correct until they hit submit. The final question could have up to 8 drops and targets that are close together.
Thanks for clarifying that, Denis. I completely understand what you mean. It sounds like you're going to need get creative with variables in this case, so I'll defer to the community for their expertise here!
One of the biggest problems seemed to be the DroppedCorrect and DroppedIncorrect states. Built-in states have their own built-in triggers, and I couldn't reset them using a trigger. Once I used custom states, it went a lot better.
Only Plus 1 works, I didn't change Plus 2 or Plus 3. You need to make the orange shape 100% transparent, then set up a shape and triggers for the other targets.
It isn't perfect, because with the shape behind the target, the dropped object has to fit inside the target I think. If it hangs over, it doesn't register as dropped.
I also changed it to unlimited tries, and changed the incorrect jump to Try Again, for testing purposes.
Using a pick one freeform to achieve a drag and drop effect (as you explain above), how does one control the drop behaviors/perameters (how the object behaves when dropped and when it is dropped in the wrong place etc) when there is no drag and drop behavior options button (on the ribbon) as there is in a true drag and drop question?
hey to every one i need to discuss the drag drop issue i have 6 option and need to select only 4 to in sequence the thing is that i have manged all 4 boxes to the relevant answer but the left 2 boxes didn't move?what can i do now?i am using free form drag drop
43 Replies
Hi Pat,
I created the attached a while back to answer a similar question. It's not pretty, just functional
The tiny ovals were representing sensors that needed to be placed appropriately on a "person", and in this example that meant the person's right hand or right foot, where the "target" rectangles are. Neither sensor should be placed on the chest or the left thigh (in real life this would of course be different...this was just a mockup to show how this could be done).
The thing was, either sensor could be placed on either target. So Oval 1 could go on the foot or the hand, and the same with oval 2.
Each oval has a Drop Correct and Drop Incorrect State. Take a look at the Triggers panel to see how the ovals' states are triggered
Instead of a Drag and Drop, I used a Pick One Freeform. The "correct" rectangle = the correct answer. Notice the additional triggers in the trigger panel that change the state of the Correct rectangle to selected if both ovals - Drop Correct, or the state of the Incorrect rectangle to selected if either of the ovals = Drop Incorrect.
It's a LOT to chew on, so please shout out with any questions! Oh, and there's a link to the original thread in the notes section.
Rebecca,
Thanks so much. This is exactly what I was looking for!
Regards,
Pat
Cool!
This solution has stood the test of time! It worked perfectly for my drag and drop calculation where it does not matter where the first three items go. Thanks, Rebecca!
So glad to hear it Glenda! Thanks for popping in to share! Love when the older threads are still holding solutions and helping :)
Hi, this link looks to be exactly what I need however it opens or downloads as a garbled html file not a story template?
I'm trying to create a quiz question where user drags an object over hotspots and needs to select 4 hotspots correctly to get the correct answer
could you repost please
I also got the garbled html when trying Rebecca's link. I also tried to go to her Hero's page and could not find the file. SO, here is mine. I hope you find it helpful
Hi Tiffiny! I've seen that happen to some users with older file shared. I'm re-attaching for you here as it worked for me :)
I've been working on an interaction similar to this using a lot more drag and [hidden] drop items. I need to make sure that only one drag item can exist in a drop target at any single time, or at least you don't get a correct answer if you have two sharing a space.
Using the example you have here - if you drag both numbers to the foot you get a correct answer and it's obviously wrong. Anyway around this. I've been trying to sort this for a few days now.
Hi Denis! In the Drag-and-Drop Options window, you'll want to select Allow only one item in each drop target.
Because I have multiple drag items that can be associated with several drop targets, I've had to use the free form Drag and Drop. This stops the above function from working. My big problem is that if you have all the drag items in the correct place then move one onto another correct target you still get the correct answer when you click submit... [this is hard to explain]
I've attache an example of my file and a small video. Please note my final project will use hidden targets and no tick signs !
I have also used the free form pick one method but still run into the same problem.
Big Thanks for all your help on this !
Hi Denis! Thanks for including the video in your file - that helps! Can you explain why you would want your users to be able to go back to a question and make changes if they already got it correct?
the ticks and the targets will not be visible so they won't know they had it correct until they hit submit. The final question could have up to 8 drops and targets that are close together.
Thanks for clarifying that, Denis. I completely understand what you mean. It sounds like you're going to need get creative with variables in this case, so I'll defer to the community for their expertise here!
Could you or your team give me a little guidance as to how I would start or do you guys have an example I could work from ?
Hi Denis,
Are you using in Storyline 2? If so can you upload the slide with the interaction and I will take a look at it, to see if I can help.
Oops. Never mind. I just watched your video.
Hi Glenda,
I'm using Storyline 2 and the file is linked up the page " Denis-Drop-Check-All-Selected-01.story 2.09 MB "
Big Thanks
Denis
Hi Glenda - have you any ideas as to how I should move forward on this one?
Thanks
denis
Denis,
Try this.
One of the biggest problems seemed to be the DroppedCorrect and DroppedIncorrect states. Built-in states have their own built-in triggers, and I couldn't reset them using a trigger. Once I used custom states, it went a lot better.
Only Plus 1 works, I didn't change Plus 2 or Plus 3. You need to make the orange shape 100% transparent, then set up a shape and triggers for the other targets.
It isn't perfect, because with the shape behind the target, the dropped object has to fit inside the target I think. If it hangs over, it doesn't register as dropped.
I also changed it to unlimited tries, and changed the incorrect jump to Try Again, for testing purposes.
Denis,
Sorry I have been unable to work on your sollution, I have been swamped at work. This Screenr by Wim Timmerman looks like it might help.
https://community.articulate.com/discussions/building-better-courses/alternative-scenario-for-multiple-drag-and-drop-items#127623
Good luck,
Glenda
Hi there Glenda - it looks like the link to the Screenr is missing in your reply. Would you mind popping back in to include it here?
Hi Rebecca
Using a pick one freeform to achieve a drag and drop effect (as you explain above), how does one control the drop behaviors/perameters (how the object behaves when dropped and when it is dropped in the wrong place etc) when there is no drag and drop behavior options button (on the ribbon) as there is in a true drag and drop question?
Thanks.
Some of them are not available to you, but most of them are. It's just that you have to write your own triggers for them.
hey to every one i need to discuss the drag drop issue i have 6 option and need to select only 4 to in sequence the thing is that i have manged all 4 boxes to the relevant answer but the left 2 boxes didn't move?what can i do now?i am using free form drag drop
Hello Hassan!
Would you be able to share your .story file for us to take a look?