Custom svg buttons

Hi, I hope this is right place for my question, otherwise I’m sorry.

I’m currently importing svg buttons from sketch to axure and I would like to define all 3 states in the interaction style widget. You can see in my .rp file that I struggle with the coloring of the icon in different states (if you hover the button).

how can I colorize additional stuff e.g. icons or is there another way to define certain items as one group that can change for every state?

Your help is appreciated, thx.

button_states.rp (74.6 KB)

Just select the bin alone and assign fill color white not fo all group. See RP in attachment
button_states-rep.rp (74.9 KB)

Thank you for your edited Rp. I screenshotted every setting for the 3 parts and I still can’t get the same result. I don’t get it. Can you explain me please how the button knows that I want to trigger the mousedown for all 3 elements?

EDIT: Okay It worked now. The key is to set “trigger mouse interaction styles” for all 3 parts ?

Yes , I am not sure if it is feature or bug , but it works anyway :wink:

1 Like