Continue button when clicked after correct response does not lead to the next slide

Aug 01, 2023

Hi all, I'm building a quiz course on storyline with only drag and drop question format. I have created the slide first and then converted it to a freeform. On dropping the objects in the correct target, the user gets a correct answer notification (I used the correct layer for that), and an incorrect answer notification (I used the incorrect layer) when the user drops items in the incorrect targets. I want the user to click the Continue button in the correct response layer to go to the next question in the next slide. Similarly, if the user chooses the incorrect response, they can click the Continue button in the incorrect layer to navigate to the next question in the next slide. When I add triggers to the Continue buttons in the layers to take the user to the next slide, and play the scene, on click of submit button in the base layer, the feedback does not show up and it directly goes to the next slide. If I do not add the triggers in the Continue buttons and do not add the new slide as well, the drag and drop responses show up perfectly fine. Could you please help me with this? I'm unable to proceed with next slides if the issue is not solved.

Attached is a screenshot of the Correct response layer with the Continue button which I want user to click and go to the next page. I have disabled the default submit button and created a customized button.

 

 

 

 

 

7 Replies
Steven Benassi

Hi Susmita!

Thanks for reaching out! It sounds like you needed help with getting triggers and custom buttons set up properly in your Storyline 360 course.

It would be helpful to talk a closer look at the story file you've built out so far. Would you be willing to share a copy of it here in the discussion, or privately through a support case? We'll delete it from our system once troubleshooting is complete!

In the meantime, I wanted to share this article on custom freeform drag-and-drop interactions you may find useful.

Looking forward to hearing from you! 

Walt Hamilton

If the learner clicks Submit on the base layer, and it jumps to the next slide, the correct layer will not be seen.

The built-in flow will serve you as a guideline. You can either use it, or create custom actions that mimic the parts of it you want.

The built-in flow:

1. The learner drags an item and drops it.

2. The system decides whether it is correctly dropped or not, and marks the item as "Dropped Correct" or Dropped Incorrect".

3. The system responds according to the Options set for revealing state.

a. If the option to "delay showing dropped correct and incorrect states" is selected, nothing is done.

b. If the option to "delay showing dropped correct and incorrect states" is not selected, the system instantly changes the dropped object to the appropriate state ("Dropped Corrrect" or "Dropped Incorrect") if they exist.

4. The learner clicks "Submit". You can either use the built-in Submit, or create a custom button (which I always do). If you create your own button, it must have the same trigger as the built-in button. Build it by choosing "Submit" from the available trigger actions.

5. The system evaluates all the objects in the drag list shown in the Form View of the slide. (All the objects listed as draggable objects here follow all the rules and options of DnD objects.) If all objects are in a Dropped Correct state (that means they match their listing on the Form View - those with targets are dropped on those targets, and those without are not dropped on a listed target) the interaction is correct. If not all objects are in a Dropped Correct state, the interaction is incorrect.

6. The system shows a layer depending on the results of step 5 and the Names of the layers.

a. If all the objects are in "Dropped Correct" state, and there is a layer with that exact name, it shows the "Correct" layer.

i. The built-in Correct layer has a message and a Continue button on it with two triggers, one to hide the layer, and one to jump to the next slide.

b. If all the objects are not in "Dropped Correct" state, and there is a layer with that exact name, it shows the "Incorrect" layer, if the learner has attempted the question a number of times that matches the "Allowed attempts" setting..

i. The built-in Incorrect layer has a message and a Continue button it with two triggers, one to hide the layer, and one to jump to the next slide.

c. If all the objects are not in "Dropped Correct" state, and there is a layer with that exact name, it shows the "Try Again" layer, if the learner has attempted the question a number of times that is fewer than the "Allowed attempts" setting..

i. The built-in Try Again layer has a Try Again button it with a trigger to hide the layer. The layer disappears, and the learner gets to try again.

Note that in the Form View, at the bottom, there are boxes to allow you to set the messages for each of the three layers. If you type in those boxes, the layers are automatically created.

From reading your description, it sounds like the built-in actions will match your desires. Or maybe not. As Steve says, it's really hard to tell without seeing the actual .story file.

There are two unclear points. Do you want the learner to drop an object, and get instant feedback, click continue, and go to the next slide? If so, create a trigger that submits the interaction when the object is dropped on the target, set the number of attempts to an appropriate number, and use the built-in system. If there are more than one objects to drop, this won't work.

Do you want the learner to be able to change their mind, or drop more than one object? If so, create a trigger that submits the interaction when clicked, set the number of attempts to an appropriate number, and use the built-in system.

Susmita Ghosh

Hi,

Thank you for the quick responses!

Unfortunately, the content is a client file and i cannot share the file with you. But I have checked the link shared for custom drag and drop. All I want is the user to drop the items in the correct targets and click continue once they get the feedback (correct or incorrect layer) to move to the next slide. The interaction works fine and shows the correct and incorrect layer but when i add a new slide, and a trigger to the continue button to move to the next slide, i can move to the next slide but i don't see the feedback. 

Please see the attached screenshot from the link shared with me. Over here, once I drop the items in the boxes, how do I ensure I can go to the next slide by clicking Continue? 

Also Walt Hamilton mentioned adding a trigger to hide the correct layer or incorrect layer, could you explain what that trigger is about and what could be the statement for that trigger?

Thank you for any response you may have!

Thanks and regards,

Susmita

Jose Tansengco

Hello Susmita,

Would it be possible for you to recreate the issue on a new project file with confidential content removed so we can observe the behavior on our end? It sounds like the behavior could be corrected with a configuration or trigger change, but without seeing what you have currently setup, its going to be difficult for the community to advise on how to correct the behavior. 

Alternatively, you can share your file privately by opening a case with our support team here, and we can also sign an NDA if needed. 

Walt Hamilton

Check the attached sample. I created a custom (bespoke) "Submit" button. Then after the system added the Correct and Incorrect layers, I went to each one, right-clicked on it, chose Layout, and changed its layout to "Blank'. Then I could put a custom message on them,  I deleted the two message boxes, and kept the "Continue" button, but it would have just as easy to create my own. If you create a Continue button, use those two triggers, and they MUST be in that same order.