Forum Discussion

kishorepalthya's avatar
kishorepalthya
Community Member
25 days ago

Need Help with a Storyline Drag-and-Drop Activity

Hi Everyone, I hope you are doing well. I am new to Articulate Storyline and currently trying to create a simple drag-and-drop activity for 3–4 year old children. The activity is based on a pizza...
advice
kishorepalthya's avatar
kishorepalthya
Community Member
11 days ago

Hi Everyone,

Thank you for your previous suggestions and guidance.

I have continued working on my Alphabetic Phonics Pizza Builder project and have successfully solved the issue of returning incorrectly placed toppings to their original position.

I am currently looking for help with one remaining challenge:

How can I automatically move to the next slide after all correct toppings have been placed?

My goal is:

  • Display a congratulatory message or animation.
  • Play a short success audio.
  • Wait for 2–3 seconds.
  • Automatically advance to the next slide.

Also, if there is an easier method for returning incorrect toppings to their original position, I would be interested in learning about it.

I have attached my updated Storyline project file for review. If anyone has suggestions for the best trigger setup, variables, or a simpler workflow, I would greatly appreciate your advice.

Thank you for your time and support!

Best regards,
Kishore palthya

  • DShaw's avatar
    DShaw
    Community Member
    11 days ago

    kishorepalthya​ All your variables are there. The entire remaining task is just those two triggers per slide, show the success layer, then jump when it ends.

    Build the success layer content (do this once on Slide 1, then copy it)

    1. In the slide panel, click Slide 1
    2. In the layers panel, click the "Success layer" to open it
    3. Add your congratulations text (e.g. "Well done!")
    4. Insert the celebration GIF that is already in your file
    5. Insert a short success audio clip
    6. Set the layer timeline to 3 seconds (drag the end marker)
    7. Open Layer Properties and confirm these two settings are on:
      • Pause timeline of base layer: ON
      • Hide layer when timeline finishes: ON
    8. Once it looks right, right-click the success layer in the layers panel and choose Copy
    9. Go to Slide 2, right-click in the layers panel and choose Paste
    10. Repeat step 9 for Slides 3, 4, 5, and 6

     

    Add trigger to SHOW the success layer when all items are placed (do this on every slide)

    Do the following steps on each slide. The only thing that changes is which variables you add as conditions.

    1. Make sure you are on the BASE LAYER of the slide (not inside a layer)
    2. Open the Triggers panel
    3. Click "Create a new trigger"
    4. Set Action to: Show layer
    5. Set Layer to: success layer
    6. Set When to: Variable changes
    7. Choose any one of the variables for this slide (e.g. for Slide 1, choose CapitalA)
    8. Now click "Add condition" and add one condition for each variable listed for this slide: Variable / [variable name] / is equal to / True
    9. Repeat step 8 until every variable for this slide has been added as a condition
    10. Click OK to save the trigger

     

    Add trigger to JUMP TO NEXT SLIDE when the succes layer ends (do this on every slide)

    1. In the layers panel, click the success layer name to switch to it
    2. Open the Triggers panel
    3. Click "Create a new trigger"
    4. Set Action to: Jump to slide
    5. Set Slide to: Next slide
    6. Set When to: Timeline ends
    7. Set On to: This layer (success layer)
    8. Leave conditions empty
    9. Click OK to save the trigger
    10. Click back to the base layer when done

    Repeat steps 1 to 10 on Slides 2, 3, 4, 5, and 6.

    Make sure variables reset if a child revisits a slide

    1. Click on Slide 1 in the slide panel
    2. Right-click the slide and choose Slide Properties (or go to the Design tab)
    3. Find the setting "When revisiting" and set it to: Reset to initial state
    4. Repeat for Slides 2, 3, 4, 5, and 6