Snapping to any target rather than specific target
Aug 24, 2014
Hey all: I'm trying to create a planning form for students to outline their grad plans. Storyline might not be the best application for this but I'm not sure where else to look -- any suggestions are appreciated. Anywhooooooo, here's a short example of what I'd like to do.
The illustration below (made in ppt) shows a variety of course options on the left and right edges. The center includes a table with the quarter and credits. The intention is to have students be able to drag any one of those course buttons to a cell in the table for a particular quarter. Ultimately in doing so, variables would be attached to the buttons so they can see the number of credits in the respective column for that quarter. Buttons could be moved between cells as they try to figure out the best sequence for their program (the table would include four years - freshman to senior).
I've been able to create the basic drag and drop however in this instance there is no one target to assign to a particular button. They need to be able to move to any cell in the table. The challenge I'm having is to try to establish a snap-to capability so that once they drag to a particular cell, it will snap in place. This would help to align the courses in a more visually effective manner.
So, long question short, is there a way to set up a drag and drop with multiple targets so that the item being dragged would snap in place for any target?
Thanks
5 Replies
Hi Carlo,
Since this isn't a graded activity with a correct/incorrect response, I recommend not setting this up as a traditional drag and drop. If you already set it up using the Freeform option, I recommend select "Remove Freeform."
Instead, just use triggers to change the state of each object you want draggable to "Drop Correct" if the user places it in any of the applicable boxes. It will automatically snap to the center...no setting needed.
It's then pretty easy to establish additional triggers to display the number of credits.
You can take a look at this thread that I posted awhile back. I included links to a sample file and an explanation in a PDF. It's way more involved than what you need but it may get you started.
Makes a lot of sense Steve. I'll work on that later today and set it up. Thanks for your help.
Carlo
Steve -- that works great -- got one more related question. If the user drops outside any target, can I do something to have it snap back to original location?
Carlo, create a rectangle that fills the slide and give it no border, fill it with white (or any color you like) and set the fill to be 100% transparent. Move the rectangle to the bottom of the timeline.
Now add a trigger that changes the state of the dragged item to "Normal" when dropped on the transparent rectangle.
That should do it.
Actually, with the transparent rectangle in place, you should find that objects dragged outside a Drop Correct target will automatically fly back to their starting position...no trigger setting their state to Normal should even be needed.
This discussion is closed. You can start a new discussion or contact Articulate Support.