I created some custom buttons and am trying to figure out how to have all the other buttons greyed out when the user selects one (and thereby see an additional layer of information on the screen).
Also, then I need them to reset, once they have viewed a lightbox related to the selected button.
How do I do that? Do I need to create variables or can I possibly do this with states (probably not because they are dependent on each other)...
Hi again!! I have another related question -- so I have all the buttons turn grey when one is clicked. But now, my hover state on the other buttons gets "overshadowed" by the "inactive" state. How can I still have the "inactive" button turn to a "hover" state? Thanks in advance for any help!!!!!
Thank you for your quick reply and help! I tried changing the name of "inactive" to "grey" in my newest version (see attached) and it still doesn't seem to work. I know I must be doing something wrong, but I can't seem to figure it out! Thanks for your help!!!
Thank you so much for your quick reply and the video!! Sorry, I didn't make myself clear! What I was hoping would work is that the hover state (which is the blue color), would show up on the hover, not just the halo. Right now only the halo shows up with the grey button background (instead of the blue button with the halo). Also, on 2 of the buttons (the last two) the icon color changes on the hover (blue money bag and blue question mark) but the rest of it stays grey. I would like the button to turn blue on the hover with the halo, instead of staying grey on the hover when it is already greyed out. Does that make sense?
It does make sense Birgit, but I would advise creating a custom Hover State if you do not like the built-in functionality. This would of course create a bit more work because then the behavior and state changes would have to be added in as triggers as well.
11 Replies
Hi Birgit
if you've got a file started it's easier for someone to give you recommendation based on your specific setup.
Can you upload your .story file - just use the grey 'Add attachment' button at the bottom of the post.
Sure -- I just stripped out the content so the buttons are the colored ones on the first screen! :)
Hi Birgit
very rough sample. I only worked with the first blue button and associated layer and lightbox
See if this is what you are after
That's IT! Thank you, thank you, thank you!!!!!!!!!
Glad that worked for you Birgit - shout out if you need any more help and good luck with your project!
Hi again!! I have another related question -- so I have all the buttons turn grey when one is clicked. But now, my hover state on the other buttons gets "overshadowed" by the "inactive" state. How can I still have the "inactive" button turn to a "hover" state? Thanks in advance for any help!!!!!
Hi Birgit!
The term 'inactive' seems to mean the same as 'disabled', so that is why the state is not acknowledging your hover when viewing.
I changed to a custom state of 'grey' and it seems to work as you mentioned. Hope this helps. Your updated file is attached.
Hi Leslie!
Thank you for your quick reply and help! I tried changing the name of "inactive" to "grey" in my newest version (see attached) and it still doesn't seem to work. I know I must be doing something wrong, but I can't seem to figure it out! Thanks for your help!!!
Hmmm, it seems to be working for me unless I do not truly understand your question.
Once I select the first tab, the others 'grey' out and I can still hover over them and see the hover.
Attaching a screen recording.
Thank you so much for your quick reply and the video!! Sorry, I didn't make myself clear! What I was hoping would work is that the hover state (which is the blue color), would show up on the hover, not just the halo. Right now only the halo shows up with the grey button background (instead of the blue button with the halo). Also, on 2 of the buttons (the last two) the icon color changes on the hover (blue money bag and blue question mark) but the rest of it stays grey. I would like the button to turn blue on the hover with the halo, instead of staying grey on the hover when it is already greyed out. Does that make sense?
It does make sense Birgit, but I would advise creating a custom Hover State if you do not like the built-in functionality. This would of course create a bit more work because then the behavior and state changes would have to be added in as triggers as well.
This discussion is closed. You can start a new discussion or contact Articulate Support.