Drag and drop help
Aug 06, 2014
Hi there,
I am trying to create a drag and drop situation in a very specific way, and am unsure how (or if I even can).
The drag and drop has one circle drop target in the middle with several drag items surrounding it. When you drag an item on the drop target, it shows it's specified layer. When they close the layer, it needs to go back to it's original location on the slide, and change color to indicate that they have seen that layer.
The way I have it set now, is that when you close the layer, it jumps to slide (that slide), and the slide is set to reset upon revisiting. This makes the drag item go back to it's original location (vs. staying on the drop target). However, because I reset the slide, I can't make the drag item a different color when it has been dragged on the drop target to indicate completion.
It doesn't necessarily need to change color. Anything that indicates it's been viewed will work (checkmark etc). I assume there's a way to do it with variables, but am unsure where to start. I also JUST thought of this, maybe it could be done where instead of layers, it just has a bunch of shapes hidden to start which show the same info as the layer, but just make it start hidden, have a trigger to change state to normal, and then another to hide again and indicate completion?
So many options, I'm just overwhelmed. Any help would be appreciated! Thank you!
Jill
2 Replies
I would make var. that change after the item is dropped on the target. Then set the state to change when that var. changes. Now for the tricky part set slide properties to reset initial state ( I know not tricky) however without doing it I can not remember if that will also reset the var. I don't think it does.
Hi Jill,
I think this really ugly ;( example accomplishes what you want. Pretty much what Kevin said, but with example!
Yes, the slide properties are set to "reset to initial state."
The two shapes outside the circle have a new state I created called "Red". The shapes are a rectangle and a star.
BASE LAYER TRIGGERS
Slide triggers
Change the state of rectangle to red when the timeline starts if RecLayerVIsited variable = True
Change the state of start to red when the timeline starts if StarLayerVIsited variable = True
Object Triggers
Show the rectangle layer when the rectangle object is dropped on the oval
Show the star layer when the star object is dropped on the oval
RECTANGLE LAYER TRIGGERS
Set RecLayerVisited variable to true when the Learner clicks the X
Jump to the Base Layer, Slide 1.1 Drag Items on Oval when the user clicks the X
STAR LAYER TRIGGERS
Set StarLayerVisited variable to true when the Learner clicks the X
Jump to the Base Layer, Slide 1.1 Drag Items on Oval when the user clicks the X
I think that does it, but please shout out with any questions!
This discussion is closed. You can start a new discussion or contact Articulate Support.