Button States: States for some buttons not changing when button is clicked
Apr 01, 2024
By
Ashley Click
Greetings:
Could someone please help me? I am sort of new to Storyline and am working on an eLearning project for a client. This needs to be resolved really soon!
I want the following to happen:
- when user clicks a specific button, the button will change to "HOME state" and text will show.
What I did:
- Each button has a "HOME state" which shows a text boxes with content related to the button.
- The background of each textbox is white so that it masks the text boxes from the buttons which have already been clicked.
- The initial state for each buttons is "normal."
The Problem
- For the top row of buttons, all states change to "HOME state" when the box is clicked and the text box shows; however, after the fourth box on the top row, it gets glitchy: 3 of 4 boxes on bottom row remain in the normal state when clicked and the text box does not show.
- I don't understand why this is happening because I have put triggers on all of the buttons so that the state changes to show the "HOME state" when the button is clicked.
- I have added an icon to each button and grouped the icon with the button. This has caused glitches before, but I don't know how to fix it.
What kind of help I need:
- Please tell me what I can do so that all of the buttons will function properly and change to the "HOME state" with the text box when the user clicks it.
- I want the learner to have to click on all of the buttons before they can go to the next slide.
- It would be extra cool if I could just make the text box disappear when the next button was clicked.
- How do I group an icon together with a button so that the user will ALWAYS cause the trigger to execute when the button group is clicked.
I have attached the file to this post. Thank you so much for your time!
Best.
Ashley
2 Replies
You're doing way more work than you need to.
You don't need to use Groups for buttons. In fact, I recommend against that, because it usually causes problems.
Instead, insert the icons while editing the states of the button shapes. Here's more info about that: TIP: Making icons easier to program and easier to click - Articulate Storyline Discussions - E-Learning Heroes
Here's how to control the buttons:
Here's more info about using built-in states: PRIMER: Take advantage of built-in states - Articulate Storyline Discussions - E-Learning Heroes
You can control the NEXT button via checking that the buttons have all been Visited. Here's more about how to do that: TIP: Controlling the NEXT Button 101 - Articulate Storyline Discussions - E-Learning Heroes
Hi Judy!
Thank you for the remarkably helpful reply and all the great links.
I love your feedback having the page as an option and a resource, and it's Interesting to reflect on the line of thinking that: "getting the user clicking equates to heighted user engagement." I would agree with you totally about not having the navigation page as a "requirement" to proceed to the next slide... it was "suggested" to put that in, so as the dutiful ID, I did.
I can't wait to look at all that info!
Thanks again.
Cheers,
Ashley