Freeform drag and drop not working when published
Jan 25, 2016
By
David Jordan
I was working on a submission for this weeks challenge.
https://community.articulate.com/articles/zooming-and-magnifying-images-elearning
The idea was to have an image that when clicked would zoom in (change state to a larger version of the image) and using freeform drag and drop you would be able to move the image around in order to explore it while zoomed in.
This works exactly as hoped while previewing the .Story (attached) however, when published, it acts odd, and fails to work as intended.
demo: https://goo.gl/lvYoLC
anyone have any idea why?
Thanks
16 Replies
Hi, David -- So sorry to hear of your troubles! May I ask, could you please indicate or share where you are testing your published output? You may also want to take a look at this info on Unexpected or Erratic Behavior in SL2 and let us know if the repairs steps remedy this behavior.
I do everything locally, publish for web to my hard drive. Then upload to my Amazon S3.
Many thanks for the confirmation, David, and I will let you know my findings as soon as I am finished testing your file. Your patience is appreciated! :)
Hi, David -- Hmmn, that is peculiar.... When I click on the demo link you have provided, I have the same experience you have described, but after I published your file on my machine and uploaded to tempshare.articulate.com, it appears to be functioning properly on my end. I am able to zoom and then hold down the mouse to move around the image. Can you please click on this link to let me know if you have the same difficulty here?
It did work, i will try re-publishing shortly. The movement of the large image was very "not smooth". As if i were watching a video with low frame rate. Was this the same for you?
Hi, David -- Yes, my experience was that I was initially able to click to zoom, and then hold down my mouse and move around the image a bit, and then it 'jumped', and ultimately froze where I was not able to move whatsoever. Please let us know if republishing does the trick for you! :)
I just republished and edited the link in the original post. I am having the same issue. here is the actual link instead of a shortened one: https://s3.amazonaws.com/pen-first.bucket/114+zooming+2+-+Storyline+output/story_html5.html
The issue seems to be the html5 link, the normal one works like yours, but is still very "jumpy". https://s3.amazonaws.com/pen-first.bucket/114+zooming+2+-+Storyline+output/story.html
So i think the reason for the jumpy-ness is the image itself. I think it may be too high quality an image to be moving around at that size. I replaced the larger image with a large simple shape and the smoothness improved. https://s3.amazonaws.com/pen-first.bucket/114+zooming+3+-+Storyline+output/story.html
Does this seem correct? and if so, is there something i can do to improve this further or am i trying to force SL to work in a way its not meant to?
Hi, David -- Thanks for your replies and for the additional examples! For the simple star shape, I also tested the HTML5 version and while I didn't experience a total freeze, I did have some of the 'jumpiness' we've discussed. Please click here to see what I mean.
I'd like to go ahead and reach out to some of my colleagues to gather their input on what could be causing this behavior. I will let you know what I find out as soon as possible, and your patience is appreciated! :)
Sounds great, thank you
Hi, David -- A few of my colleagues were able to do some testing of the links shared, and found the following:
One teammate did not experience any issues when testing in Safari, but strangely, I had the same experience in Chrome, Safari, and Firefox.
A second teammate checked things out in Chrome on her machine, and she encountered the shifting/jumping behavior we both saw, but never had an issue with the freezing I had encountered. She thought it would be a good idea to also ask, have tried using a jump-to slide rather than a lightbox?
Here it is, html demo: https://s3.amazonaws.com/pen-first.bucket/114+zooming+4+-+Storyline+output/story.html
in chome the regular html does perform significantly better, still a little jumpy tho. Its noticeably, not a smooth movement.
in IE the regular html works perfectly like this.
in chrome and IE the HTML5 still freezes up on me, it acts like it wants to lock the image to the center of its drop area. html5 demo: https://s3.amazonaws.com/pen-first.bucket/114+zooming+4+-+Storyline+output/story_html5.html
Hi, David -- Thanks so much for the additional examples and your follow up! As I am not certain as to the root of this issue, I think it would be beneficial for our Support Engineers to weigh in with their thoughts on the matter, as well. I will go ahead and create a support ticket for you in just a moment! Any updates on their progress will be shared here in the thread for anyone else who may be following along or experiencing a similar issue. :)
excellent, here is the .story for the jump to slide version. (attached)
Many thanks, David! Please let us know if for some reason you have not received the confirmation message sent to the email address we have on file for you in our system. Otherwise, your case (#00730720) will be addressed as soon as possible!
This discussion is closed. You can start a new discussion or contact Articulate Support.