Individual "Invalid Answer - Popup" for Drag & Drop slides
Jun 06, 2017
Hey guys,
I tried to create individual "Invalid Answer - Popups" with SL2. I found this video
and the trick helps me to get a solution for both multiple choice and multiple response.
But now I was wondering if there is a solution for Drag & Drop and Matching Drag & Drop. I've already tried to change the states to"Drag over" instead of "Normal/Selected". But this didn't work for me:
Trigger 1
Show "Invalid Answer Layer" when "user clicks" "Submit Button".
Conditions:
If "Rectangle 1" is "not equal to" "Drag Over"
OR If "Rectangle 2" is "not equal to" "Drag Over"
OR If "Rectangle 3" is "not equal to" "Drag Over"
Trigger 2
Submit interaction "Drag and Drop 1" when "user clicks" "Submit Button".
Conditions:
If "Rectangle 1" is "equal to" "Drag Over"
AND If "Rectangle 2" is "equal to" "Drag Over"
AND If "Rectangle 3" is "equal to" "Drag Over"
Thank you
18 Replies
I figured out by using a different first Trigger that the state is always normal:
Show "Invalid Answer Layer" when "user clicks" "Submit Button".
Conditions:
If "Rectangle 1" is " equal to" "Normal"
OR If "Rectangle 2" is " equal to" "Normal"
OR If "Rectangle 3" is " equal to" "Normal"
It doesn't matter if a element is dragged to a target or not. The layer is shown when I drag no element, 1 element or all elements to a target.
Cheers
Hi Manual,
Customizing the drag and drop can interfere with the built in drag and drop options such as the states and snap options. You may want to share a copy of your .story file here if you're still having difficulty so that the community could take a look at what you've set up!
Hi Ashley,
thank you for your response. I had to create a new .story file cause of confidential stuff in my working file.
cheers
Hello Manuel,
Thanks for sharing your file.
As Ashley mentioned above, this can be a bit challenging when customizing vs using the built in options.
I took a quick look and the first thing I noticed is that you are relying on the built in Drop Correct and Drop Incorrect setting, but this will not occur until the Interaction has been submitted, which is why you are not seeing the status change.
I updated your Slide 2 with different colors for the state change as well as a custom state to drive the behavior that you are looking for.
Preview Slide 2 in the file attached, then take a look at the triggers/states to understand.
I hope that helps!
Hi Leslie,
unfortunately I'm not able to download your file.
Manu
That's certainly strange - let me try that again.
Computer wins for now Manuel - I've reached out to my team to see why I cannot share my attachment here with you. Thanks for your patience :)
Finally the download works. Thank you very much for your help! Your solution works for me :)
Glad to hear it Manuel - thanks for letting me know.
Hi Leslie -
I am having a similar issue and while I followed your instructions, something doesn't seem to be working correctly. For security reasons, I mocked up a test .story file. There are 6 images and 6 target drop locations.
I created a custom Invalid Answer layer - triggered to show when Submit is clicked while any of the 6 images are in their NORMAL state. For each image, there is a Normal state, Drag Over state, Drop Correct state, and Drop Incorrect state.
To Submit the Drag and Drop Interaction, all 6 images must be in their Drag Over state.
Each image changes to Drag Over state when the shape is dragged over any of the 6 possible drop targets.
I am able to easily get the Invalid Answer Layer - but I am unsuccessful in being able to submit interaction for correct or incorrect answer. I am unable to get passed the Invalid Answer layer. I've attached a test version. Appreciate your help!! I know it's something simple that I'm overlooking...
Hi Cathy,
Aw man, sorry that you're struggling with this, but utilizing custom set-ups makes drag and drops tough sometimes.
It's certainly not something I excel at, so hopefully someone in the community will be able to pop in and help you out with your custom design.
I'm re-attaching your file and perhaps slide 2 gets you closer to what you'd like in the meantime.
Thanks Leslie... Hmmm... I tried it and we're getting closer, but there are some bugs.
Images attached -
1. if you click on "SUBMIT" without dragging any objects, the OOPS layer appears (as expected) but so does the feedback window that I don't want to use. How do I get rid of that?
2. If you drag objects to the wrong targets -- the 'OOPs' layer appears instead of the 'Incorrect' layer.
3. On the other hand, if you place them all correctly, the 'Correct' layer appears as expected.
So, definitely closer than we were -- but still missing something..... any thoughts?
Thanks!
I knew I hadn't thought of all the possible scenarios Cathy. I told you it wasn't my thing :)
Hopefully someone will be able to pop in and help you out here.
No...but you were SO close!!! :) It's strange that you got it to work for the Correct Scenario - but not the Incorrect one....ugh. :) Thanks so much for the effort. Will keep at it and hopefully someone out there has had the same issue and solved it. Thanks again.
Hi Cathy
I've had a stab at it. I created a number variable to count the drops and used that to show the layer OOPs when they click submit if all pics haven't been dropped.
I can't explain why the incorrect layer won't show after submitting the interaction so I added a trigger to show it - it appears to work how you want.
Hope this helps
My entry in this competition is slide 1.3 :-)
...and Wendy wins Friday 💥
Yes she does!!! Thank you both so much! I appreciate your help.
This discussion is closed. You can start a new discussion or contact Articulate Support.