Forum Discussion
Drag and Drop Help Needed
Hi!
I created a Drag-and-Drop slide where learners need to rearrange sentences into the correct order. I selected “Allow only one item in each drop target” because I want them to see all the sentences as they work. However, when I test it, the sentences stack on top of each other instead of swapping positions when dropped.
I also added a marker with a help box, but when I start moving the sentences, the help box appears behind the drag items, even though I’ve moved the marker to the front of the timeline.
Does anyone know how to:
- Make the drag items switch places instead of stacking?
- Keep the help box visible on top while dragging?
7 Replies
Have you considered using a Sequence Drag and Drop graded question instead? That will do exactly what you are describing. The marker also seems to stay above the draggable elements in that template.
I have but I don't seem to be able to change any of the colors except for the background of the box. I don't like the way the buttons/draggable elements look. Do you know if there is a way to change them that I am not thinking of?
It doesn't look like that template is editable in any practical manner. The line numbers could be modified, but the rest seems to be linked to external resources. Sorry.
Other than using that built-in solution, you are rather limited. The normal drag & drop cannot be made to start in a "dropped" state, which is why things appeared to stack; nothing starts as dropped in a target. In any case, when another item is dropped over an existing drop state, the original returns to its non-dropped state and starting position. The items will never swap positions the way you desire.
This may be too much but: If you are JavaScript savvy, you could look at incorporating an H5P module like https://h5p.org/content-types/sort-the-paragraphs . The options here are to set it up on an external server and embed the content into your slide, or use a packaging utility to include all the content with your Storyline project, which you then can display on you slide as you see fit. Out of the box, there is still no direct style customization, but It seems more likely that this could be easily styled via some script. The H5P results are usually transferred via xAPI.
Thank you so much. I really appreciate your explanation and for looking into it for me. I hope that theyll someday make the sequence quiz more customizable.
