Forum Discussion

KarenPremer's avatar
KarenPremer
Community Member
4 months ago

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 lo...
advice
Articulate 360
storyline 360
Ange's avatar
Ange
Community Member
4 months ago

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.

  • Ange's avatar
    Ange
    Community Member
    4 months ago

    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.