Forum Discussion

HongShu-2d122fd's avatar
HongShu-2d122fd
Community Member
19 days ago
Solved

Icon from initial state automatically copies to other states: Any workaround?

Hi everyone,

I'm developing a set of buttons and included an arrow icon in the initial state of each button. I want the visited state to display a checkmark instead of the arrow.

However, I noticed that the initial state's arrow automatically gets copied into other states, including the Visited state. As a result, both the arrow and the checkmark appear together on the Visited state.

I tried creating a new custom state by manually copying and pasting the arrow, but the issue still persists: the arrow keeps carrying over into the Visited state.

Has anyone found a good workaround for this?
I’d really appreciate any advice or tips!

 

  • Hi Hong Shu, With built-in states the normal button content shows through.
    - This link from Judy Nollet explains more about in-built states and how they work
    - Here is a video from David Anderson explaining the process, what to do..., and also how to create custom buttons.  Button States.

    Easiest way to resolve this when using built-in states is to add a shape on the additional states to mask what is on the normal state.

3 Replies

  • Ange's avatar
    Ange
    Community Member

    Hi Hong Shu, With built-in states the normal button content shows through.
    - This link from Judy Nollet explains more about in-built states and how they work
    - Here is a video from David Anderson explaining the process, what to do..., and also how to create custom buttons.  Button States.

    Easiest way to resolve this when using built-in states is to add a shape on the additional states to mask what is on the normal state.

  • Hi Ange, thank you for sharing the resources and tips. I added a shape to the visited states to replace the previous icon, and it worked out nicely.

    • Ange's avatar
      Ange
      Community Member

      My pleasure HongShu, it flummoxed me when I first started using Articulate.