Storyline: Customizable Drag-and-Drop Template - Downloads

2,893 Downloads

This customizable drag-and-drop interaction lets you give your users more control over resetting the interaction or leaving it completed. It also returns incorrectly dragged items, and leaves correct ones upon submit (locking them down until they are reset so they cannot be moved again).

Explore this project

22 Comments

Ange CM

4 years ago03/12/20 at 6:15 pm (UTC)

Very nice. I like it because it gives the participant, who didn't get them all correct, some encouragement, and they don't have to start all over again.

over 3 years ago12/08/20 at 3:10 am (UTC)

Thank you, sorry just seeing this now.

Karen Loftus

4 years ago03/14/20 at 3:46 pm (UTC)

Seemingly so simple, but your use of triggers is impressive! And that logic slide. Geez! I'm still working it through in my mind!

over 3 years ago12/08/20 at 3:11 am (UTC)

Thank you, its just a lot of repeat and with the new triggers panel it makes it easy to duplicate many triggers quickly, so hopefully it is not too hard to follow.

Rhonda Zubas

4 years ago04/01/20 at 4:24 am (UTC)

How do I take the Drop Object off the pic?

over 3 years ago12/08/20 at 3:25 am (UTC)

Feel free to respond if you still need help, sorry about the delay.

Katie Stern

almost 4 years ago05/12/20 at 2:42 pm (UTC)

Thanks so much for sharing this with us!

over 3 years ago12/08/20 at 3:24 am (UTC)

Thank you, I hope it helps a few ;0)

Hilal Güngör

over 3 years ago10/07/20 at 6:58 pm (UTC)

Thanks for sharing! I'd like to ask a question. I want to match a text to a picture. How can i add pictures for dragger object 1,2,3,4 and 5?

over 3 years ago12/08/20 at 3:24 am (UTC)

If you want the items (draggers) to be text and the drop to be pictures you can do that by going into the states for each object and swapping them out. For instance for the drop boxes, (drop1_target_gra) go into that state and replace the graphic there with yours. On the draggers, you can do the same, edit the states, but change the box to a fill with 99% transparency and no outline, then change the text to what you would like. I hope that helps, sorry so late on this!

Shilpa S

3 years ago04/01/21 at 10:54 am (UTC)

great idea

Nguyen thao

over 2 years ago09/27/21 at 3:36 pm (UTC)

Thanhks

Kate Mackenzie

over 2 years ago10/02/21 at 10:47 am (UTC)

A question about the trigger on the button try again - hide layer comes before the trigger to move the shapes...... would not then mean they don't return to the starting position?

over 2 years ago10/04/21 at 9:19 pm (UTC)

Sorry for the delay, I didn't notice the question asked of me. It has been awhile since I looked at this. Hide fires first, the rest still fire, thereafter. They return, did they not for you?

over 2 years ago10/04/21 at 9:53 pm (UTC)

Hey Jeff - I got it to work, didn't use the logic layer somehow! and was worried that hiding the layer first would prevent the other actions from occuring. Thanks for your help on this

Ella Z

over 2 years ago01/21/22 at 12:11 pm (UTC)

Hey Jeff, Thank you so much for sharing. It's amazing! I’m new to the storyline and I’m learning through your template. I have noticed some issues when I publish it. Everything works well when I review. However, after I published, some elements(texts and animations ) go missing. For instance, the reset button can not be clicked. It’s happened when I play the SWF file and when I insert it into PowerPoint. I’ve tried several times, it keeps happening. However, when I browsed the Html file on an Internet browser, everything works well. Do you know how can I solve the issues? Thank you so much for your help!

over 2 years ago01/22/22 at 12:27 am (UTC)

Sorry for the delay in my reply. This file was created awhile ago, so it might show Flash in the publishing settings. Sine you are discussing SWFs there should be no Flash or SWFs as they have been deprecated and not supported anymore. Be sure to select HTML5 for your publish settings.

E-Learning Person

over 1 year ago10/18/22 at 2:16 pm (UTC)

Hi jeff, I'm having some issues. I deleted the 5th object and turned the triggers off/adjusted the ones that affected it. But, now the submit button isn't working. I'm not sure what I did wrong. I'd love any help you can offer.

Jeff Forrer
Author
E-Learning Person

over 1 year ago10/19/22 at 1:39 pm (UTC)

Sorry for the delay, do you want to send me your file? I can take a look? Do you mean the CHECK button is not becoming active now? If so, make sure that the trigger on the main level beginning with "Set state of check_btn - "CHECK" to Normal has the state removed for the dragger btn you are not using.

over 1 year ago10/19/22 at 3:31 pm (UTC)

Yes, I mean the check button is not becoming active. For the Set State of Check Btn Check to normal when state of all rectangles is dropped, I unchecked the Dragger_04. So, i don't know why it isn't changing to a normal state. I also disabled all the triggers associated with the dragger object 4/drop5 target gra (the drop spot for drop 4). I would love for you to take a look, thank you. Where can I send the file? I can't attach a file to this comment.

Jeff Forrer
Author
E-Learning Person

over 1 year ago10/20/22 at 7:43 pm (UTC)

Hello, I sent an updated file to you, let me know if that works or if you need anything else on that. Thanks, Jeff

Monica Candelas

over 1 year ago12/15/22 at 10:12 pm (UTC)

Is there a possibility to add audio at the item level?