Button moves after pressing

I have a subscribe feature on my app and I have white/blue subscribe/unsubscribe buttons in the same place so that when pressed it should look like the button simply changes color, but instead the button moves completely and I do not know why.

33e4e0cc-4706-4871-b009-2e6fba61b96a e9c1b1ee-1714-4c73-9dcf-feb01e71938c

Hi @Rodeo,

Unfortunately, making buttons to stay at the same place requires some iterative fine-tuning…

You could try starting placing the buttons one right above the other, see the result and then adjust the location iteratively.

Another option is to put both buttons inside the rectangle. Don’t forget to adjust components order - move the rectangle below the buttons, otherwise they may not work. Here is the case when it worked for me:

Screenshot 2020-11-23 at 11.06.01

You need to test several times, to achieve the desired result.

Best regards, Victor.

4 Likes

Thank you! This fixed my issue and my button group looks very similar to what you posted.

1 Like

Thanks for sharing this info this is useful. Keep sharing this type of blog regularly.