# App picture displyed

**URL:** <https://community.thunkable.com/t/app-picture-displyed/3302577>\
**Category:** Questions about Thunkable X\
**Created:** [October 26, 2024, 4:26pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577 "2024-10-26T16:26:57Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![franco.demei](https://avatars.discourse-cdn.com/v4/letter/f/e9c0ed/32.png) [@franco.demei](https://community.thunkable.com/u/franco.demei)\
**Post date:** [October 26, 2024, 4:26pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/1 "2024-10-26T16:26:57Z")

</div>

The displayed image of the downloaded app is different from the picture displayed to the Live Test. To the screen 1 I draw 4 circular buttons, to the Live Test the image of the screen is fine. Downloaded the app, the buttons are crushed at the sides. How I can do to have the rigth picture? Until now I spent 3 download witout solve the problem.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [October 26, 2024, 6:15pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/2 "2024-10-26T18:15:15Z")

</div>

Take a look at this topic: [[Resolved] How to make a circular button in drag and drop?](https://community.thunkable.com/t/resolved-how-to-make-a-circular-button-in-drag-and-drop/1860510)

---

<div class="post-metadata">

**Author:** ![franco.demei](https://avatars.discourse-cdn.com/v4/letter/f/e9c0ed/32.png) [@franco.demei](https://community.thunkable.com/u/franco.demei)\
**Post date:** [October 28, 2024, 11:01am UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/3 "2024-10-28T11:01:13Z")

</div>

Hi Tatiang , I try to explain my problem. I selected exactly the right circle. At the beginning ,for each circle button, I had background color blue. In the block I used function "Button TOUCH UP - TOUCH DOWN " selecting 2 different pictures for UP or DOPUN . When the App was running , the first picture displayed was the 4 button with blue color . once I touched each button the right button picture was displayed. to avoid this issue, Instead to have background color, I selected background picture and i used the same picture used in the block for botton “Touch UP”

 ![Screenshot_2024-10-28-11-26-36-488_com.thunkable.live](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/4/1412c56918d482ff3628648b6f6abd8e8050b914.jpeg) - this is how the APP is displayed with blue background color.  
 ![Screenshot_2024-10-28-11-41-40-244_com.thunkable.live](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/9/89c0fb6f1b800a3a40368ca3a4dd4655f0cd2bef.jpeg) this s the picute as I touched all 4 bottons  
 ![Screenshot_2024-10-28-10-59-53-236_com.thunkable.live](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/5/b57aa12672c38cfd191e917e459c9657c6c4aa63.jpeg)this is the picture as I replaced the blue Background with the picture  
 ![Screenshot_2024-10-28-11-41-40-244_com.thunkable.live](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/9/89c0fb6f1b800a3a40368ca3a4dd4655f0cd2bef.jpeg)this is the picture of the app as is displayed to my phone with LIVE TEST ON DEVICE  
 ![Screenshot_2024-10-28-11-57-16-880_com.gmail.francodemei.test](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/a/ba7bdaef437560960d9e3c02c792685e07bcc9ce.jpeg)this is the picture of the App downloaded to my phone while the app running

 ![Screenshot 2024-10-28 121059](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/9/29b0f5527777f69d15ad67c956144f11d08c9209.png)  
this is part of my block

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [October 28, 2024, 2:28pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/4 "2024-10-28T14:28:56Z")

</div>

Try setting each image’s [picture resize property](https://docs.thunkable.com/app-design/ui-components/basic-components/image-1#properties) to **contain**.

If that doesn’t fix it, post a link to your project.

---

<div class="post-metadata">

**Author:** ![franco.demei](https://avatars.discourse-cdn.com/v4/letter/f/e9c0ed/32.png) [@franco.demei](https://community.thunkable.com/u/franco.demei)\
**Post date:** [October 28, 2024, 3:19pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/5 "2024-10-28T15:19:09Z")

</div>

I tryed to resize twice. , on LIVE TEST result OK , downloaded, picture is different. I spent 2 dowloads to test APP

---

<div class="post-metadata">

**Author:** ![franco.demei](https://avatars.discourse-cdn.com/v4/letter/f/e9c0ed/32.png) [@franco.demei](https://community.thunkable.com/u/franco.demei)\
**Post date:** [October 28, 2024, 6:43pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/6 "2024-10-28T18:43:07Z")

</div>

I tryed to resize immage inside tothe button. Now is W 80x H80 (NATIVE is 80x80). With The App created with MIT App Inventor (all Button is 80x80) I have this result:

 ![Screenshot_2024-10-28-10-58-24-089_appinventor.ai_franco_demei.pulse_No_CheckBox_BT_B](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/6/96a2fe156e5bab8dec32439367a67e39a0352121.jpeg)  
With the app created with Thunekable I Have this result:  
 ![Screenshot_2024-10-28-19-36-37-906_com.gmail.francodemei.test](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/9/b9e36eb8ef632022794716623527a36e0de41dd4.jpeg)

There is someting wrong . Below app link  
[https://x.thunkable.com/projectPage/670d214400a072ec52f416e4](https://x.thunkable.com/projectPage/670d214400a072ec52f416e4)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [October 29, 2024, 12:55am UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/7 "2024-10-29T00:55:50Z")

</div>

On my iPhone 13 Pro, the buttons look squished the other direction, so the only thing I can suggest is to read the topic I linked to above.

 ![IMG_74FB95A54C23-1 2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/c/fcbbc8af4daff27fe298fd1fa95f15ae73523039.jpeg)

---

<div class="post-metadata">

**Author:** ![franco.demei](https://avatars.discourse-cdn.com/v4/letter/f/e9c0ed/32.png) [@franco.demei](https://community.thunkable.com/u/franco.demei)\
**Post date:** [October 29, 2024, 6:34pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/8 "2024-10-29T18:34:37Z")

</div>

Mi Phone is REDMI NOTE 13 PRO + and look squished in vertical… with Live test look like good. (my opinion is something wrong in the software) bat, I’m here to learn. Do you have my shared link ,try yourself to fix issue, I can Learn something and I don’t spend more download. until now I done 5 downloads without solve the problem. (Idone 5 Tests and for each test , Live test was showing unsquished BUTTONS)

Thank you in advance for your support.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [October 29, 2024, 9:43pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/9 "2024-10-29T21:43:00Z")

</div>

I’m not able to help troubleshoot this issue for you. Maybe someone else will suggest a fix. Or you can contact Support if you have a Thunkable license that includes that.

---

<div class="post-metadata">

**Author:** ![franco.demei](https://avatars.discourse-cdn.com/v4/letter/f/e9c0ed/32.png) [@franco.demei](https://community.thunkable.com/u/franco.demei)\
**Post date:** [October 30, 2024, 6:17pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/10 "2024-10-30T18:17:20Z")

</div>

Hi Matt, Sorry if I disturb you again. I have problem with my App picture. I already opened a topic “[App picture displyed - #3 by franco.demei](https://community.thunkable.com/t/app-picture-displyed/3302577/3)”  
I spoke about that, with Tatiang , but it couldn’t solve my issue.  
It look like simple but… On my App I Used four round buttons with a picture of buttons. When I test the App ( LIVE TEST APP) the buttons picture is fine. In the downloaded app, all four button are sqished.This makes me difficult to find right solution to have a good image of the buttons. I read also " picture resize property" and I tried many times to adjust the size (5 download), this because with “LIVE TEST APP” the picture result ok. I spent 5 download without results. Can you please help me to solve this issue ? Thank You in advace.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [October 30, 2024, 7:47pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/11 "2024-10-30T19:47:47Z")

</div>

Not sure what the issue is here but I will have to report this as a bug.

---

<div class="post-metadata">

**Author:** ![franco.demei](https://avatars.discourse-cdn.com/v4/letter/f/e9c0ed/32.png) [@franco.demei](https://community.thunkable.com/u/franco.demei)\
**Post date:** [October 31, 2024, 2:31pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/12 "2024-10-31T14:31:03Z")

</div>

Thank you for answer Math. do you think i’ll’ take long time to fix a bag ?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [January 29, 2025, 2:31pm UTC](https://community.thunkable.com/t/app-picture-displyed/3302577/13 "2025-01-29T14:31:03Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
