The old drag and drop dilemma. May 11, 2022 By Teresa Scanlon Hi there, I'm trying to build a simple drag and drop interaction where this happens: 1. User drags a silhouette photo to a box and a slide layer appears with that colleague's details. 2. Silhouette photo returns to it's original spot on the main slide. I can't seem to get this to work. Must I create a freeform quiz question? If so, I still can't get this to work! I've attached my SL3 slide. Help! Drag_and_Drop_Org_Chart.story
Maria Costa-Stienstra Staff almost 2 years ago05/11/22 at 7:16 pm (UTC) Hi, Teresa. Thank you for sharing the .story file! Since the learner doesn't have to submit anything, I'd remove the freeform interaction: You can add a Line Motion Path that starts and ends in the same location for each of the silhouettes: On the layer, trigger the animation when the user clicks the close button: Preview: I hope this helps!
Teresa Scanlon Author almost 2 years ago05/11/22 at 8:23 pm (UTC) Maria, you are so helpful! One question, how do I get the beginning and end of my motion path to be in the same spot? beginning_and_end_of_motion_path_not_in_the_same_spot.png
Maria Costa-Stienstra Staff almost 2 years ago05/11/22 at 8:32 pm (UTC) Hi, Teresa. I'm glad this was helpful! The start/end points for the motion path should snap in the same location. Here's a short Peek 360 recording. You can also use the Size and Position on the ribbon to confirm: Let me know if you have additional questions!
Walt Hamilton Hero almost 2 years ago05/12/22 at 4:38 pm (UTC) For me, the most accurate method is to apply a line path, then in the ribbon, set the length to 0. Works most of the time, and when it doesn't, you know it right away.
Teresa Scanlon Author almost 2 years ago05/12/22 at 5:19 pm (UTC) I've never heard of this, Walt. Can you share the steps? I'm using Storyline 3.
Teresa Scanlon Author almost 2 years ago05/12/22 at 5:24 pm (UTC) Nevermind, I figured out what you are saying! thanks to you both.
6 Replies
Hi, Teresa.
Thank you for sharing the .story file!
Since the learner doesn't have to submit anything, I'd remove the freeform interaction:
You can add a Line Motion Path that starts and ends in the same location for each of the silhouettes:
On the layer, trigger the animation when the user clicks the close button:
Preview:
I hope this helps!
Maria, you are so helpful! One question, how do I get the beginning and end of my motion path to be in the same spot?
Hi, Teresa.
I'm glad this was helpful!
The start/end points for the motion path should snap in the same location. Here's a short Peek 360 recording.
You can also use the Size and Position on the ribbon to confirm:
Let me know if you have additional questions!
For me, the most accurate method is to apply a line path, then in the ribbon, set the length to 0. Works most of the time, and when it doesn't, you know it right away.
I've never heard of this, Walt. Can you share the steps? I'm using Storyline 3.
Nevermind, I figured out what you are saying! thanks to you both.