Query in drag and drop interaction
Dec 05, 2012
Hi
I'm building a drag and drop interaction in Storyline, but am unable to get the desired output.
Here's what I did:
There are objects that come one by one and the user is asked to drag and drop the items in the correct drop zone. In the drop target options, I selected the "Tile" option.
Here's the screenshot of what happened when I published the output.
In the screenshot, the red boxes are the drop targets/zones and the small images are the drag objects.
Ideally, these objects should appear within the red boxes, and should be neatly stacked along side each other. However, that's not happening and the objects are being placed randomly all across the screen.
Also, after an object has been placed correctly, it should not move around. However, when I drag another object on top of it, the correctly dropped objects also move around.
Does anyone have any suggestions on what I might be doing wrong, or how to fix this?
I'd be greatly thankful to receive any kind of help on this.
Thanks
Adhir
4 Replies
Hi Adhir, can you attach your story file here so we can take a look?
Hi Jeanette,
I have attached the .story file for your reference.
Thanks
Adhir
Hello Adhir. In your interaction, the difficulty is that the drop items each have a "Big" state that is quite large. When Storyline is calculating the bounding area of each object and arranging them in a tiled formation on the drop target, it needs to account for the "Big" state's size, even if the "Normal" or "Disabled" state is what is actually displaying to the learner. So basically even though the image looks small after it's dropped, its bounding area is big, and this is causing the tiled objects to not fit within the drop target. So that's why they are spilling over into the area below the red rectangles.
To get the effect you want, here's what I've done in Slide 2 of the attached file
Check out Slide 2 in the file, and here's a quick screencast walk-through: https://jeanette.viewscreencasts.com/8159f837b83de49bb3fe6cc1f116f347
though the image looks small when dropped, there is still considerable space being reserved, so to speak for its "Big" state. bThe bounding area of the object variance in the drag items' states is causing s
Jeanette..you're awesome!
Although I was in a rush and I figured out a way to create the illusion already, but it was a long-winded approach.
This would definitely help me. Thanks a ton!
Regards
Adhir
This discussion is closed. You can start a new discussion or contact Articulate Support.