I'd use the convert to freeform drag/drop to construct the drag and drop. That should save on some of the triggers you build. And it provides the flexibility you want.
I can NOT figure out, in a Drag and Drop template, if the learner places the response-cards in the correct placeholder, the GREAT, YOU ANSWERED CORRECTLY layer shows, and if they are incorrect, the "Try Again" layer shows. I've added a screenshot to show what I'm trying to articulate.
@Roger: what are you trying to figure out? I'm not quite sure if you're saying something is happening and you want to change it. Or you're wanting to accomplish what you state. Can you clarify what you want to do.?
Thanks, Tom. I’m trying to have the SUCCESS layer show when all 5 cards are correctly placed, and the INCORRECT layer show when they are incorrectly placed. Right now, the INCORRECT shows regardless.
My first thought is to make sure you labeled the boxes correctly. The SMART is out of sequence in the drag/drop columns. It's possible that the boxes were mislabeled
I’ve been struggling with this drag and drop issue for a while. I’ve been scouring the E-Learning Heroes and other parts of the interwebs for solutions. I’ve found snippets of suggestions and advice but I’ve yet to be able to find a comprehensive example build. So I made one. Hopefully this helps someone. Below is an (hopefully clear) explanation of the steps I took to create a drag and drop exercise that won’t allow you to drop multiple drops on the same target and won’t allow drops to be moved once they are dropped.
I created a Variable for each Drop Box Target, “Box1Variable”, “Box2Variable”, etc Add 1 to each Box Variable when any Shape is dropped in. This means you have to create a trigger for all 3 shapes to adjust the variable in all 3 boxes. (9 total triggers to accomplish this)
Created a “Deleted” State for each Box by creating a new state, named it “Deleted”, then actually deleted the box from the slide in that state. When the Box Variable for a given box is ≥ 1, it triggers the Deleted state. This leaves the shape that was dropped there, where it is, but won’t allow another shape to be dropped on top of it.
Created Slide Layers “Cover 1”, “Cover 2”, “Cover 3”. Each layer has a square Shape on it with a background color of grey at 80% opaque that covers the corresponding box on each slide. So the cover shape on “Cover 1” Layer covers the Box 1 Drop Target. They are each triggered to show when the corresponding Box Variable is ≥ 1. This prevents the user from clicking and dragging the Shape that was placed in the Box, around on the screen.
Submit Button default is set to “Disabled” state. When all 3 Box Variables are ≥ 1, the Submit Button changes to “Normal” state and can be clicked on.
Created “CorrectVariable” variable, which has 1 added every time the correct Shape is dropped on the correct Box. No points are added when an incorrect shape is dropped on a box. i.e. +1 when Shape 1 dropped on Box 1, but +0 when Shape 1 dropped on Box 2.
When user clicks Submit and CorrectVariable = 3, “Correct” feedback Layer is shown. When user clicks Submit and CorrectVariable < 3 then “Incorrect” feedback Layer is shown.
For reference, I’ve also included a Variable Reference box next to each Box that corresponds to the Variable for that Box, and a Variable Reference box next to the Submit button that corresponds to the CorrectVariable, so you can see how placing correct vs incorrect shapes on boxes causes the variables to change or not change. The reference variable text boxes are not necessary to the project in any way.
Each Feedback Layer has a “Back” button that will take you back and reset the slide to the initial state so you can play with the Correct and Incorrect features and watch the Variables change with different attempts.
@Stacy: thanks for sharing the file. I'm sure you learned a lot about Storyline trying to get it to work.
I looked over your file to see what we can do to streamline the production and still meet the requirements. The key consideration is how to keep one object in the target and not allow it to leave after being dropped.
12 Replies
In the drag and drop options you can set to only allow one item per target
This post was removed by the author
Hi Tom Kuhlmann,
I am using a drag and drop quiz through the pick one so there is no drag and drop option.
This is my project
I'd use the convert to freeform drag/drop to construct the drag and drop. That should save on some of the triggers you build. And it provides the flexibility you want.
I'd also title things so it's easier to troubleshoot.
I can NOT figure out, in a Drag and Drop template, if the learner places the response-cards in the correct placeholder, the GREAT, YOU ANSWERED CORRECTLY layer shows, and if they are incorrect, the "Try Again" layer shows. I've added a screenshot to show what I'm trying to articulate.
Please see attachment below
@Roger: what are you trying to figure out? I'm not quite sure if you're saying something is happening and you want to change it. Or you're wanting to accomplish what you state. Can you clarify what you want to do.?
Thanks, Tom. I’m trying to have the SUCCESS layer show when all 5 cards are correctly placed, and the INCORRECT layer show when they are incorrectly placed. Right now, the INCORRECT shows regardless.
Sent from my iPad
Can you share the slide? It's hard to know what's happening without seeing it.
I used the template and mocked up the same interaction based on what you have on the screen and it works.
My first thought is to make sure you labeled the boxes correctly. The SMART is out of sequence in the drag/drop columns. It's possible that the boxes were mislabeled
Drag and Drop Demo Explanation
I’ve been struggling with this drag and drop issue for a while. I’ve been scouring the E-Learning Heroes and other parts of the interwebs for solutions. I’ve found snippets of suggestions and advice but I’ve yet to be able to find a comprehensive example build. So I made one. Hopefully this helps someone. Below is an (hopefully clear) explanation of the steps I took to create a drag and drop exercise that won’t allow you to drop multiple drops on the same target and won’t allow drops to be moved once they are dropped.
I created a Variable for each Drop Box Target, “Box1Variable”, “Box2Variable”, etc
Add 1 to each Box Variable when any Shape is dropped in. This means you have to create a trigger for all 3 shapes to adjust the variable in all 3 boxes. (9 total triggers to accomplish this)
Created a “Deleted” State for each Box by creating a new state, named it “Deleted”, then actually deleted the box from the slide in that state. When the Box Variable for a given box is ≥ 1, it triggers the Deleted state. This leaves the shape that was dropped there, where it is, but won’t allow another shape to be dropped on top of it.
Created Slide Layers “Cover 1”, “Cover 2”, “Cover 3”. Each layer has a square Shape on it with a background color of grey at 80% opaque that covers the corresponding box on each slide. So the cover shape on “Cover 1” Layer covers the Box 1 Drop Target. They are each triggered to show when the corresponding Box Variable is ≥ 1. This prevents the user from clicking and dragging the Shape that was placed in the Box, around on the screen.
Submit Button default is set to “Disabled” state. When all 3 Box Variables are ≥ 1, the Submit Button changes to “Normal” state and can be clicked on.
Created “CorrectVariable” variable, which has 1 added every time the correct Shape is dropped on the correct Box. No points are added when an incorrect shape is dropped on a box. i.e. +1 when Shape 1 dropped on Box 1, but +0 when Shape 1 dropped on Box 2.
When user clicks Submit and CorrectVariable = 3, “Correct” feedback Layer is shown. When user clicks Submit and CorrectVariable < 3 then “Incorrect” feedback Layer is shown.
For reference, I’ve also included a Variable Reference box next to each Box that corresponds to the Variable for that Box, and a Variable Reference box next to the Submit button that corresponds to the CorrectVariable, so you can see how placing correct vs incorrect shapes on boxes causes the variables to change or not change. The reference variable text boxes are not necessary to the project in any way.
Each Feedback Layer has a “Back” button that will take you back and reset the slide to the initial state so you can play with the Correct and Incorrect features and watch the Variables change with different attempts.
@Stacy: thanks for sharing the file. I'm sure you learned a lot about Storyline trying to get it to work.
I looked over your file to see what we can do to streamline the production and still meet the requirements. The key consideration is how to keep one object in the target and not allow it to leave after being dropped.
Here's a video that shows a few ways to do it differently.
Also attached the file with the new slide.
This discussion is closed. You can start a new discussion or contact Articulate Support.