I am almost done with a project but because I am an annoying perfectionist, I want to esthetically make something better. I have a question about adding a "double" hover state . I'm not sure how to word this question. I'll send the details and file if someone wants to look at it.
I created a scene with multiple slide layers. When you hover on a "dark green" button, the button's color changes to "light green".. When you click on the "light green" button, you go to another layer. The new layer has more buttons. When you hover the new buttons, they turn "light green" also. The problem is that the original "light green" doesn't stay "light green" it stays "dark green" I want that the first "light green" button to show. I know that it's hard to describe this via email but I attached the file and the challenge is on "COURSE scene"
Unless I misunderstand something, all you need to do for each button is to duplicate the Hover state (that's the light-green state) and call it Visited. This is a built-in state that is automatically displayed when an object is clicked.
I did this for the COURSES baselayer and two buttons on one slide layer and once all three buttons are clicked, they look like this. Hope that's what you wanted.
Okay, so it worked for "Courses" button. I did modify it because when I clicked on it, it was lighter, but not totally light. So I deleted the "Course" button on layer "COURSES Links" and it worked great. Now, I tried the same method for "Custom Courses and Events" and "Skill Checklist" buttons but they don't work.
That's because you have duplicates of these buttons on the various layers, which don't have the Visited state and overlay the buttons on the baselayer. There is no need for these duplicates, the three buttons on the baselayer are sufficient and will show the Visited state.
So far, so good. Now there is another component; I'll give and example...
I click on the "COURSES" button and the layer comes up and the "COURSES" button stays light green - perfect. Now when I click on the "SKILLS CHECKLIST" button, that layer comes up and the "SKILLS CHECKLIST" button stays light green but the "COURSES" button also stays light green. I want the "COURSES" button to go back to dark green when the "SKILLS CHECKLIST" button is clicked. I see how that is a problem because the "COURSES" button is Visited but do you think there could be a workaround for this?
17 Replies
Sure, post your file and a description here and a community member will look into it.
Sweet!
I created a scene with multiple slide layers. When you hover on a "dark green" button, the button's color changes to "light green".. When you click on the "light green" button, you go to another layer. The new layer has more buttons. When you hover the new buttons, they turn "light green" also. The problem is that the original "light green" doesn't stay "light green" it stays "dark green" I want that the first "light green" button to show. I know that it's hard to describe this via email but I attached the file and the challenge is on "COURSE scene"
Unless I misunderstand something, all you need to do for each button is to duplicate the Hover state (that's the light-green state) and call it Visited. This is a built-in state that is automatically displayed when an object is clicked.
I did this for the COURSES baselayer and two buttons on one slide layer and once all three buttons are clicked, they look like this. Hope that's what you wanted.
Okay, so it worked for "Courses" button. I did modify it because when I clicked on it, it was lighter, but not totally light. So I deleted the "Course" button on layer "COURSES Links" and it worked great. Now, I tried the same method for "Custom Courses and Events" and "Skill Checklist" buttons but they don't work.
That's because you have duplicates of these buttons on the various layers, which don't have the Visited state and overlay the buttons on the baselayer. There is no need for these duplicates, the three buttons on the baselayer are sufficient and will show the Visited state.
Should I leave just the Normal state for the various layers, just delete the buttons themselves on the layers?
Just delete the duplicate buttons on the slide layers.
So far, so good. Now there is another component; I'll give and example...
I click on the "COURSES" button and the layer comes up and the "COURSES" button stays light green - perfect. Now when I click on the "SKILLS CHECKLIST" button, that layer comes up and the "SKILLS CHECKLIST" button stays light green but the "COURSES" button also stays light green. I want the "COURSES" button to go back to dark green when the "SKILLS CHECKLIST" button is clicked. I see how that is a problem because the "COURSES" button is Visited but do you think there could be a workaround for this?
Hello Tracie,
You can set up a trigger to have the Courses button change back to Normal state when the Skills Checklist button is Clicked
Great idea! Okay, I attached a screenshot of where I'm stuck. What should I choose on the "WHEN" part on the drop down?
Hi Tracie,
On the When, select User clicks, then add in the Skills Checklist button.
Works perfectly!!! Thank guys very much!
Can I re-order triggers? I tried to slide them but they didn't move.
You can reorder triggers with these buttons:
Ah simple :) Thanks
Glad you got this to work Tracie!
Glad that Jackson was able to further assist you here Tracie :)
This discussion is closed. You can start a new discussion or contact Articulate Support.