Circle image - background behaving weird?

Hello,

Thanks for taking your time to read this. I’m making a timer app for us to make it easier to do start 2 run. I added a circular play and pause button via an image, but on live preview on my phone the button background is doing something weird…

Any idea what could be causing it?

Button’s properties:


afbeelding

My app link:
https://x.thunkable.com/copy/425ac5d1b8029148886ed8d39558b9ab

Thanks in advance for your help!

1 Like

I’ll take a look at your project (thanks for including the link) but my first two thoughts are that your image file has a white background rather than transparent or you are using a background color for your Image component.

Edit: Well it’s not either of those. When I Live Test your project on my iPhone, the two “button” images appear as blank white squares. If you change the Picture Resize Mode from center to contain, it fixes the problem.

3 Likes

Ah, thanks a bunch for the help! Will try that once my exams are over. :slight_smile:

Mvg,
Jonas

I am facing the same issue.

Did setting the Picture Resize Mode to contain resolve it?