I have a drop and drag interaction in Storyline 360 and there are a couple of issues:
1. When I go into preview mode, and I drag the items to their respective places they drop far above that. I can't get them to drop on the target.
2. My one picture does change states as I have triggered, the black clip picture. However, the red clip picture does not and I have them set up the same way.
1. When I go into preview mode, and I drag the items to their respective places they drop far above that. I can't get them to drop on the target.
If you look at your drag and drop options (Question Tools > Design), you'll see it's set to snap to the center of the target, which is why the objects appear higher than where the hotspot is located. If you change it to "Free", it might work better for your scenario.
2. My one picture does change states as I have triggered, the black clip picture. However, the red clip picture does not and I have them set up the same way.
The Normal and Selected states for the red clip look the same, while the black clip has a blue border around the selected state. The trigger is working, but for the red clip, it's hard to tell the difference between those states.
Maria's advice is correct. However, I wouldn't use the free option because it allows you too much wiggle room because the object bounding box is wider than the optimal target area.
I offer a suggestion on how to rework the clip images so you have more control over where to drop the object target.
The red clip has a selected state but doesn't look different that's why you don't see the state change. Also, selected isn't the appropriate state for this activity because it's a toggle and the user can turn it off and on without moving the object. I'd use a drop correct state.
I recorded a video that explains this and how I'd recommend making adjustments to your activity. Hope it helps.
5 Replies
Hi, Michel.
Thank you for sharing the .story file!
1. When I go into preview mode, and I drag the items to their respective places they drop far above that. I can't get them to drop on the target.
If you look at your drag and drop options (Question Tools > Design), you'll see it's set to snap to the center of the target, which is why the objects appear higher than where the hotspot is located. If you change it to "Free", it might work better for your scenario.
2. My one picture does change states as I have triggered, the black clip picture. However, the red clip picture does not and I have them set up the same way.
The Normal and Selected states for the red clip look the same, while the black clip has a blue border around the selected state. The trigger is working, but for the red clip, it's hard to tell the difference between those states.
I hope this helps!
Hi Maria,
Yes, I tried both multiple times and it didn't work.
Thank you!
Hi, Michel.
I'm attaching the edited .story file here with my suggestions above.
Let me know if that works!
Maria's advice is correct. However, I wouldn't use the free option because it allows you too much wiggle room because the object bounding box is wider than the optimal target area.
I recorded a video that explains this and how I'd recommend making adjustments to your activity. Hope it helps.
https://360.articulate.com/review/content/b2e70935-3926-4d28-91a3-cc4438c8c15e/review
Thank you both so very much. I have been beating my head trying to figure this out.
I see my error now with my states too. I had messed with it so much that I just had it all gunked up.
I appreciate it!