Drag And Drop Output

May 14, 2013

Hi, I'm new to Articulate Storyline, like to create a custom drag and drop interaction. But different output in either flash or html 5. same functionality  we have use but after publish flash functionality is ok and html5 functionality is different. Please advise me. 

Pankaj Sharma

4 Replies
Christine Hendrickson

Hi there Pankaj,

I'm afraid I'm not seeing an issue in the HTML5 output for the file you provided. I even viewed the course on my iPad, just in case this is where you're running into trouble. However, the project looks the same when I view the course through Safari on my iPad 2.

Here's the uploaded version, if you want to take a look:

Drag_Final

Can you please give a little more information about what's happening, how you're viewing the course and where you're hosting the course?

Thanks!

Pankaj Sharma

Thanks for your reply.

Here a little more information about functionality in drag and drop.

Colorcondition:

Blue isnormal Position

Green iscorrect

Red iswrong.

Grey isdisabled mode

After dragging a drags on target then submit button. If Answeris correct then highlighted in green color box in drop box. And if we dropwrong box in this area then highlighted in red color box.

Flashversion:

Condition: 1

In flash we drag one correct and two wrong drop.The output is: Wrong drop highlighted in red. See image_1.

And afterclick on "continue" button red part move on in right side in actualposition. (See image_2)

But in HTML 5if we drag in same condition the 1st output is: same as a flash. Butchange in after click in continue button. (See image_3)

One correctanswer show in their but we drag again remaining drag box in drop area all screen refresh asper start mode (One correct answer is move on right side same as actualposition and highlighted in blue normal color mode.)See image_4

Issue: 2

When i view in IPad 2 no issue in screen blink after click on submit button but view in IPad 3 screen blink in twice time.

Christine Hendrickson

Hi there Pankaj,

I took a look again and I do see the "blinking" that you're referring to. Honestly, I think this is mainly an issue with HTML5. 

I noticed that the incorrect answers do remain red on my iPad, but when a correct answer is dropped, the original shape returns at the starting point in addition to the correct answer displaying on the drop target. 

At this point, it may be best to have our support team take a look. They'll be able to do a little more testing on the course. Hopefully they'll be able to give some suggestions for getting your course to run a little more smoothly on the iPad.

You'll be able to attach the .STORY file on the second page of the following form:

Articulate Support - Submit a Support Case

Please be sure to include a description of your issue. Please also include the URL for this thread in the form. Also, please share the case number with me. You're welcome to do so here, or in a private message. This way I can follow the progress of the case and update this thread.

Thanks very much!

Christine

This discussion is closed. You can start a new discussion or contact Articulate Support.