Forum Discussion

FredHarrisJr's avatar
FredHarrisJr
Community Member
2 months ago
Solved

Displaying Progress Icons

Hello community, I'm building a safety hazard activity that has 10 safety violations. I would like a badge to appear at the bottom of the slide when the user finds each hazard. I have the badges pl...
  • Nedim's avatar
    Nedim
    2 months ago

    See the attached .story file. I believe this is exactly what you’re looking for. All badges now appear one by one from left to right, not randomly. 

    I created a variable called "answeredCount" along with badge variables for badges 1 through 10. On the dashboard slide, badge states are set dynamically based on the value of "answeredCount".

     

     

     

     

     

     

     

     

    On each question slide, when the user clicks the Submit button, two triggers run:
    one sets the corresponding badge variable to 1, and the other increments the "answeredCount" variable by 1. This logic is repeated for each subsequent question, updating badge variables 2, 3, 4, 5, and so on.

     






    Once "answeredCount" reaches 10, the logic stops. So if the learner revisits any question, nothing changes and the badge states are retained. Also, repeating any question before earning all badges will not interrupt the process or cause issues. At the bottom of the dashboard, there is a text box displaying all the variables, so you can easily see which questions have already been answered.