Forum Discussion

ShannonBuford's avatar
ShannonBuford
Community Member
2 months ago
Solved

Custom Button with Custom Icon State Help

Hello all! I am attempting to create a button with an icon (not one of the limited included icons found on the format tab) that allows me to change the state of the button background color and the icon color, based on the user's input. I attempted to build a three part button consisting of:

  1. A transparent box, that is the 'clickable' part
  2. An icon that is from the Articulate library, but not found on the actual button preset icon list.
  3. A square background that is filled with a color.

What I'm trying to do (and failing miserably at) is to get three basic states:

  1. A normal state. With the 'i' in a dark color, background in the same color as the project background.
  2. A hover state.  The "i" goes a slight grey, background in the same color as the project background.
  3. Click and Selected State. The "i" is now the color of the project background and the background has shifted to the darker color the "i" was.

I can get the normal state, and the hover state, but once selected the "i" goes back to the "normal" state, hiding it...

I'd like to create a collection of these buttons behaving the same way as this one, if fixed. Any ideas? I'm absolutely certain there is something simple I a missing. Thank you in advance for any light you can lend. 😁