Forum Discussion
Button States: States for some buttons not changing when button is clicked
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
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:
- Instead of your "Home" state, give each button a Selected state and a Visited state.
- Put the buttons into a button set. That makes them act like the radio buttons in a multiple-choice question. Clicking one automatically deselects the previously selected one.
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
- IMHO, you shouldn't force users to click every button for this slide. Users probably know what each button will do or are comfortable enough to figure it out. In fact, unless they're computer neophytes, I wouldn't even put that slide within the content. I'd add a Help tab in the Player that lightboxes the slide. Then it'd be accessible at any time for those who need it, but it wouldn't bother those who don't. Here's more about adding Player tabs: https://community.articulate.com/discussions/articulate-storyline/tip-create-custom-player-tabs-for-your-resources-glossary-and-more
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
