# I need help with my drawing app

**URL:** <https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276>\
**Category:** Questions about Thunkable X\
**Created:** [November 22, 2020, 10:35am UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276 "2020-11-22T10:35:30Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [November 22, 2020, 10:35am UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/1 "2020-11-22T10:35:30Z")

</div>

Hi!  
I made a drawing app in which you can choose color, change drawing size, and has touch drawing enabled. It uses canvas. It works just fine on the computer, but there is nothing appearing on the screen when I draw on a phone with Live Test. Any idea on what might have happened? I’ll post a screenshot.  
Thanks!

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [November 22, 2020, 10:54am UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/2 "2020-11-22T10:54:29Z")

</div>

![Screen Shot 2020-11-22 at 4.20.45 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/5/157fbc7505a6f8c0e574f2d49f93212b930bad0b.png)  
This is what it looks like on the web. On the phone, there is no canvas at all. It looks like this ![Screen Shot 2020-11-22 at 4.22.57 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/9/29f5fa76d15f51efed03b1c91ef8a6a8562ab4ee.png)  
except that the ‘Share’ button is directly underneath the color-picker. There isn’t even a blank meant for the canvas space.

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [November 22, 2020, 11:23am UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/3 "2020-11-22T11:23:33Z")

</div>

the code is lot big?

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [November 22, 2020, 11:29am UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/4 "2020-11-22T11:29:30Z")

</div>

pls give project link

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [November 22, 2020, 1:23pm UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/5 "2020-11-22T13:23:13Z")

</div>

No, it is just a little.

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [November 22, 2020, 2:15pm UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/6 "2020-11-22T14:15:42Z")

</div>

then you can make another project

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [November 22, 2020, 3:27pm UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/7 "2020-11-22T15:27:58Z")

</div>

It doesn’t exactly work that way

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [November 22, 2020, 4:42pm UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/8 "2020-11-22T16:42:07Z")

</div>

The fit contents/fill container behaviors differ between iOS, android, and web. I haven’t used canvas, but it SOUNDS like the web is filling the container and the app is fitting the contents as though the canvas is empty/invisible.

I usually try to debug these issues by putting heavy (5pt) borders of all layout elements (labels, rows, columns, etc.) And see where/how they are drawn. That should a least tell you how things are being sized. (like in this example, I can see that the scrollable column has 2 borders (Green dots) , but only one resizes correctly for the Fit To contents inner column (red border).

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/2/523010316758b5d048543a7c9fd4f765d0c708e7.png)

It doesn’t fix the problem, but at least you can start to try work arounds or identify properties causing the issue.

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [November 23, 2020, 3:02am UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/9 "2020-11-23T03:02:49Z")

</div>

Thanks very much. I will try putting borders on my canvas.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:21pm UTC](https://community.thunkable.com/t/i-need-help-with-my-drawing-app/991276/10 "2024-11-08T12:21:31Z")

</div>


