Button Problems in Storyline 360
Mar 19, 2021
Hi everyone,
I seem to be having a problem with buttons when they change states. As you can see in the attached project, I've added four buttons with + icons to get the learner to click on each button and reveal the four learning objectives. I used the first button (from the top) to set a style for each of the subsequent buttons underneath so that when clicked, the button should set itself to a disabled state, and display the learning objective with the initial icon removed in that state.
Unfortunately, I'm noticing that the icons are sticking around once the each button has switched states and that no matter what alignment method I try, I can't seem to get it out of the way of the wording itself. Additionally, the three subsequent buttons are not matching the color-scheme of the first button once they've been clicked even though I copied them directly from the first.
What kinds of fixes might there be for this problem? Thank you!
8 Replies
I am not at my computer so can’t open your project file to see the issue with the icon, but for the issue with the button colours have you tried using the format painter to fix the issue?
Hi Nancy, yup I have. No matter what I do though, the changes don't seem to translate over to preview. Thus far, the best solution that I've found is to recreate each button individually without copying the previous ones and adjusting their colors to fit the other buttons' schemes. Not ideal obviously, but it gets the job done.
When you created the first button did you use the default button colors assigned to the color theme you are usung or did you apply the colors manually? I am wondering if when you copied and pasted the buttons if some of of the states are reverting to the default colors.
I applied some colors manually. And yes, I think you're right that the copied buttons seem to revert back to their default colors even after I've manually edited them.
Just for future reference, it is always best to use the theme color for the buttons. This will ensure consistency. If you don’t like the default color for the theme you are using, you can edit the theme. I think custom 1 controls the button colors.
Thanks! I'll remember that next time that I go to make something like this
Getting rid of something in the Normal state is a lot harder than it sounds. Instead, create a custom state, and set it as the initial state. Also remember that the disabled state is an overlay of the Normal state, so you may have to adjust Normal accordingly.
Ah, interesting point about the disabled state being an overlay of the normal state. I hadn't thought of it like that, but I think that knowledge will really help me in the future. Thanks Walt!