Issue with 'Visited' state of button

Apr 04, 2024

Background: I have a button with a ? icon. The ? icon is used in all states except Visited. For Visited, I've set the button to turn green with a checkmark icon. (see below screenshot)

The issue: When I click the button, it turns green and I see the checkmark, BUT the question mark is still there behind the checkmark. (see below image)

Questions: Why is the ? still showing up and how can I fix this? I've tried inserting an icon and using button icons.

Thanks!

3 Replies

Judy Nollet
Hero

28 days ago04/04/24 at 5:49 pm (UTC)

Normal underlies all the other states. That's why its question-mark icon shows below the checkmark icon in the Visited state of your button.

The attached file shows two workarounds for your situation.

Use the same set up that you have. Add a solid green shape under the checkmark icon in the Visited state. That will cover the question-mark icon from the Normal shape.

Enter the question mark and the checkmark as the button text. Text entered into a button (or text box or shape) can be edited so different text appears in different states. Keep in mind that if you edit the text in another state, that breaks its connection to the text in the Normal state. That means changing the Normal text will no longer change the text in the edited state.

buttonStates.story

27 days ago04/05/24 at 1:24 pm (UTC)

Thanks Judy! I actually started trying your first suggestion, but then thought, "there has to be a better way!" I'll try option #2.

Thanks for the response!

27 days ago04/05/24 at 2:05 pm (UTC)

Yes, I think the second option is easiest. I'd only use the first option if there weren't typed characters to use instead of the icons.