changing the down state of button

Nov 18, 2015

I created a button using Insert > Controls. I want to change the Down state of the button it doesn't seem to be working the way I expect. when I use the button Border menu and select a color a portion of the outline of the button changes but there is still a portion that remains the original color. I've attached an example of what I'm talking about. I've even tried making the stroke bigger and that doesn't work. 

4 Replies
Daniel Sposato (Philly)

Did you edit the state in the states view?

If you select the button and select edit states you can click on the state you want to edit and change that to the exact border, fill and font you want and then throw effects on top of them.

What you might have is an effect on the button itself, like a shadow on the inside edge of the fill which will make it look like there's and additional outline.

Laura MacNeil

I was having the same issue Jesse! 

(I have attached a file so everyone can see what I mean)

I can't seem to change the default border colour for my button.

As you can see, the default border colour is white:



However, if I attempt to change the border colour, it simply adds an additional border on top of the white one provided:


The way I worked around this (for anyone else who has the same issue is):

  • Delete the default "Down" state
  • Duplicate the "Disabled" state and make it the new Down state
  • Add a an outline with the colour and thickness of your choice

 

Voila! Only one border colour :) 

I would think there would be a quicker way, (though this is not a massive pain in terms of editing the button)

Thanks all--

Keep up the great work!

Maria Costa-Stienstra

Hi, Laura.

Thank you for sharing your experience, the workaround, and the .story file!

I was able to reproduce this behavior on my end, so I went ahead and logged it as a possible bug with our team. 

In the meantime, a faster workaround is to change the button's color fill for the down state and change it back. This will allow you to select a different border without having to re-create the state. See below: