Freeform - Drag and Drop is not working in HTML5 (Articulate Storyline 2)
Dec 01, 2015
Hi Articulate,
I am using "Freeform - Drag & Drop" for my quizzing slide in Articulate Storyline 2. I kept the Drag & Drop Options for Slide 1 as (Refer the image on slide 1 of the attachement):
Drag Item Options - "Checked" for "Return items to start point if dropped outside".
Dropdown selected as - "Any drop target"
Drop Target Options are all unchecked.
I have used 3 drop objects and 2 drop targets. HTML published output is working perfect. HTML5 output behavior is having issues, once I complete the quiz and click on "Review Quiz" button, the review page will show all the drop objects back to their respective initial positions but ideally it should be on the drop targets.
Same issue with one more Drag & Drop Options as in Slide 2 (Refer the image on slide 2 of the attachement):
Drag Item Options - "Checked" for "Return items to start point if dropped outside".
Dropdown selected as - "Any drop target"
Drop Target Options - "Checked" for "Snap dropped items to drop target"
Dropdown selected as - "Free"
Kindly look into this issue and provide me the solution.
21 Replies
Sound like you have the slide set to reset to initial state
Hi Phil,
Thanks for the reply.
No, its not the case of "reset to initial state". Because slide behavior is normal when i used story.html, but behavior is not normal when i used story_html5.html.
Hi Atul! I took a look at your file and published. I am able to see the behavior that you are reporting during the review.
This is actually an issue that our QA Team is aware of and working on. I will add this thread for awareness of users affected and so that this thread can be updated when applicable.
Hi Leslie ! Thanks for your valuable information.
It means we cant use drag and drop option in HTML5 as for as the best user experience as concerned. :(
It's not what we expect either Atul and that is why our team is investigating.
I've also come across a similar issue but the results were inconsistent. Drag and drops were working with objects/textboxes, but not if I used an image. However this was working if I previewed or used Flash output so I didn't pickup the issue until it was uploaded to our server! Seems this is a bug with the HTML5 output from Storyline and more the reason why Storyline needs a HTML5 preview feature.
I did manage to create a workaround. I created a box and filled it with the image I wished to use for each drag and drop interaction. I hope this workaround helps others.
I spoke too soon, I'm getting wildly inconsistent results once the final HTML5 file is uploaded. Sometimes the drag and drop works, other times it doesn't. Can't seem to find any consistency. It works locally on my PC in HTML5, but once uploaded the drag and drops fail at a certain point.
Hi there Chris,
Thanks for reaching out. Can you explain a bit more about how the Drag and Drop interaction should be behaving vs. how it is actually behaving? In the initial discussion, the user reported that when reviewing the Drag and Drop interaction, all the drag objects are back to their respective initial positions, but ideally they should be on the drop targets. Is this what you're seeing?
Also, can you confirm that you are testing your content in the environment in which it was published and with a supported browser?
It might also be helpful if you could share your file here in the forum so we can test it on our end. You can use the Add Attachment button at the bottom of the reply window.
Hi - this thread is a little old, but am wondering if there has been any resolution to the issue of drag and drop interactions not working appropriately in HTML5.
I've attached one quiz as an example.
When viewing in HTML5:
It works appropriately in HTML. We have been testing in both SCORM Cloud and our LMS (SumTotal). Works fine in IE but not in Chrome (unless you enable flash).
Thanks for any advice!
Hi there Sara!
Thanks for sharing your file with me. I made a couple of changes, and now it should be working the way you intended. Here's a link to the published HTML5 output if you'd like to test it.
A summary of the changes I made:
I hope that's helpful!
Thank you so much Alyssa!
Just found this thread when I ran into a similar issue. I have a FF D&D question that works fine when ran in SCORMCloud (Flash) but if I try HTML5, my images are then static. No D&D functionality. Do we have any update on a workaround for this reported issue?
Thanks.
Hi Eric,
It sounds like you've run into an issue we are working on. Are your drag items set to shuffle and you have a slide background?
Let me know if that sounds like your set-up and I'll be sure to add this thread to the report as we track user impact and so I'll be able to update you here when I can.
Workarounds:
Leslie,
I forgot that setting my answers to shuffle would cause the condition I reported. Thanks for the reminder. Setting Shuffle to None resolved my issue.
A quick question regarding the background graphic as it applies to this issue. If the graphic is on a slide master, would I run into the same issue, or is it using any background and setting the answers to Shuffle will create this condition?
Hey Eric,
It looks to be any background as we have 'layouts' specified as well, which would indicate slide masters.
That was a good thought though :)
Thanks for the update above as well and I've added this conversation so we can update you here when we can.
Hi again Eric,
Great news! We just released another update for Articulate 360, and included a few important fixes that you'll see in the release notes here.
The item you'll be interested in is:
Fixed: In drag-and-drop interactions, drag items might return to their original positions during quiz review or be hidden by other objects.
Just launch the Articulate 360 desktop app on your computer and click the Update button for Storyline 360. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
I'm wondering if this relates to an issue I'm having also with drag and drop interactions. We have it on Review now and am getting inconsistent reports of the interactions working for some and not others. I've published in the HTML5 with Flash fallback mode.
Should this update you speak of correct the issue?
Description: Dragging words into boxes. Some users report they can't drop the words into the boxes hence submit the interaction. They then get stuck on that page and can't progress. I've not been able to create the issue from two other PCs in my server environment on both IE or Chrome.
Thanks,
Andrew
Andrew, do you have your answers set to Shuffle on your D&D? This is what caused my issue which sounds very similar to what you are describing.
Eric
I didn't actually, thanks for suggesting that. It appears it might be an unsupported browser issue.
Andrew Ferguson, CTDP
Curriculum Designer
Ontario Police College | 519-773-4220
Ministry of Community Safety and Correctional Services | Ontario Public Service
[https://media.licdn.com/mpr/mpr/shrinknp
Hey Andrew,
You can find the supported viewing environments in our system requirements documentation here.
If you're still having difficulty, we'd be happy to take a look at your .story file if needed.
It also looks like your email signature came through when you replied via email. You can remove that if needed by clicking ‘Edit’ beneath your response. Here’s a quick Peek video if you need help.
This discussion is closed. You can start a new discussion or contact Articulate Support.