Forum Discussion
Drag and Drop activity help please
Hi, I am trying to create a free-form drag and drop activity. I have all of the items, images, text, etc. create. I am able to set up the trigger that when the item is dragged/dropped to the wrong location the image pops back to the 'home' spot. I have it set so when the image is moved onto the correct 'icon' (a colored box made to be a faux button) the icon will hide. But I want the words that are on the icon to pop to be to be in the front of the image, so the person can see the words and still see the image. HELP, I am sure it is something silly I am not doing right, but I am at a standstill.
Here is the Review360 link, right now the Cooked Meat goes onto the Deck of Cards, the button is hidden, but the Deck of Cards is the text I want on the top of the cooked meat image.
5 Replies
KarenPremer
In a basic drag-drop quiz, the order of visibility is: drag-item covers drop-target.
Here are some fixes:
1. Quick fix: Add a default "drop correct" state on the drag-item, add the text on top of the image in that state. The state layout will show when the correct image is dropped on the correct target. Note: because your images are transparent you will need to match the text in the 'drag-item-drop-correct-state' to align with the drop-target text seen underneath it; or you could add a background to the drag-item-drop-correct-state, which by default will cover the drop-target text.
2. Super-quick fix: requires a change to design layout if that is possible. Bottom or top align the text in each drop-target so a drag item image on a transparent background doesn't cover the drop-target text.
There are other ways to achieve what you want to achieve; it depends how you built the quiz. If this does not help, uploading your file would make it easier to troubleshoot.Thank you Ange for the information. I am attaching the Zipped files to help in troubleshooting.
I appreciate the assistance!
KarenPremer
Hi, I thought your text was part of the icon box but I see it's actually on the slide itself.
Attached edit with notes on the slide. I wasn't sure of your quiz logic/parameters so this is the basics to place text on top of the image. Edit is on meat image and deck of cards.
See my next message "Show more" below, for some reason the file was deleted, so I added again.
If you want the quickest fix to this, create a new layer and name it Text (or something), and move all the text fields that are being covered to that new layer. Then just Show the layer at the start of the Base Layer timeline.
The weird thing is the images will still cover the text while you are dragging them, but as soon as you drop an image it will automatically be behind the text layer as you wanted.
