Force the user to deselect a button before other information will show

May 12, 2016

Here is the scenario:

I have a series of buttons that all change states when hovered (name of button appears) , selected (name and description of the button appear) and deselected (returns to normal).

The problem I am having is if a button is selected (name and description of the button appear) and then the user hovers over another button (name of button appears), information from both buttons appear. Any suggestions how to force the user to "deselect" the button before information from other buttons show?

7 Replies
David Jordan

I dont have time to open and investigate the .Story right now, but,I assume these are states of the button.

for example: buttons A - D each have a state for normal, hover, select. 

You could set it up so:

when user hovers over Button A , change state of button A to Hover.

When user Hovers over Button A, change state of button B to normal.

When user Hovers over Button A, change state of button C to normal.

When user Hovers over Button A, change state of button D to normal.

You would need to repeat this process for each button. 

Its a long and annoying way to solve the issue, but its all i got right now. Ill see if i can come up with a better solution tho. 

Steve Berebitsky

I'm not sure I understand. Looking at the .story file may help give a better visual. What I could do is change the state by adding a background to the descriptions (in this case a gray square behind the text). What I would really like is to learn how to solve this issue using conditions and variables. But that may not be possible.

This discussion is closed. You can start a new discussion or contact Articulate Support.