Show a warning pop-up if a user clicks the Submit button without drag and dropping all the images to a zone

Sep 13, 2023

NICO DOZOU
By NICO DOZOU

Hi,

I'm totally new on Storyline 3 (installed it 2 weeks ago), and thanks to the community I've managed to set up everything I wanted so far, except for this issue.

I have 3 images and 3 dropping zones. Each of these images needs to be drag and dropped to its correct zone (1 image per zone), and then the user has to click on the Submit button so he can see if he did well or not (I have a "Correct" layer and an "Incorrect" layer that shows up accordingly). Everything works great so far.

My problem is the following: if the user doesn't move any of the images and immediately clicks on the Submit button, he will see the Storyline's default pop-up that says he has to "answer the question before submitting".
However, this pop-up doesn't match the rest of my design at all, and I saw it's not possible to "simply" customize it. So, I checked on YouTube and found this great tutorial.

It works great with quizzes, but I couldn't make it work with my drag-and-drop issue.
What I would like is the following: the user needs to move the 3 images in the zones (again: 1 image per zone) so he can submit. It doesn't matter wether he drops the images onto the correct zones or not, he just needs to drag-and-drop all of these 3 images. If he doesn't move them all (or only move 1 or 2), then the customized "You must drag-and-drop all the pictures" layer that I've specially made will appear.

I've tried many things, such as using the "Move" condition but I couldn't make it work.

Does any of you know how could I achieve this?

Thanks_

8 Replies
Jose Tansengco
8 months ago09/14/23 at 1:57 pm (UTC)

Hello Nicolas, 

Thanks for reaching out!

It would be much easier for the community to help you if we could take a look at what you've already built as reference. Would you be willing to share a copy of your project file here or in private by opening a support case? If you decide to share it privately, we'll be sure to delete it when we're done!

NICO DOZOU
8 months ago09/15/23 at 4:11 pm (UTC)

Thanks for your answers :)

Here's a simplified .story file.

You'll see that the drag and drop feature works great, but I can't figure out how to show the "Unvalid answer" layer when the user clicks the Sumbit button without having drag and dropped all the 3 answers and the dropping zones (correct or incorrect).

Thanks a lot in advance_

Sign In to Reply