# Button on Canvas?

**URL:** <https://community.thunkable.com/t/button-on-canvas/1432997>\
**Category:** Questions about Thunkable X\
**Created:** [August 5, 2021, 4:26pm UTC](https://community.thunkable.com/t/button-on-canvas/1432997 "2021-08-05T16:26:24Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jonathonschnoor6x4b5](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jonathonschnoor6x4b5/32/112262_2.png) [@jonathonschnoor6x4b5](https://community.thunkable.com/u/jonathonschnoor6x4b5)\
**Post date:** [August 5, 2021, 4:26pm UTC](https://community.thunkable.com/t/button-on-canvas/1432997/1 "2021-08-05T16:26:24Z")

</div>

So, I really wanted a button over my canvas, which is easy enough to do in the Drag and Drop. But, how could I do it in the old one?

(Wanted to use the old one because it has some stuff the newer version doesn’t have.)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [August 5, 2021, 6:53pm UTC](https://community.thunkable.com/t/button-on-canvas/1432997/2 "2021-08-05T18:53:25Z")

</div>

You can have the image of a button and add it as a `sprite`.

---

<div class="post-metadata">

**Author:** ![jonathonschnoor6x4b5](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jonathonschnoor6x4b5/32/112262_2.png) [@jonathonschnoor6x4b5](https://community.thunkable.com/u/jonathonschnoor6x4b5)\
**Post date:** [August 5, 2021, 7:45pm UTC](https://community.thunkable.com/t/button-on-canvas/1432997/3 "2021-08-05T19:45:32Z")

</div>

I would have preferred to do this without a sprite. Sadly, it looks like I have to.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [August 5, 2021, 8:29pm UTC](https://community.thunkable.com/t/button-on-canvas/1432997/4 "2021-08-05T20:29:59Z")

</div>

If it is a simple screen then you can add a button and change the position to absolute which will force the UI to place it on top of other components. You could also change the z-Index to force it to be on top of other components.

See this example of an absolute positioned button on top of a canvas  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/4/94659a6994c3530f45ba05aff9d2d3e6960baff0.png)

---

<div class="post-metadata">

**Author:** ![jonathonschnoor6x4b5](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jonathonschnoor6x4b5/32/112262_2.png) [@jonathonschnoor6x4b5](https://community.thunkable.com/u/jonathonschnoor6x4b5)\
**Post date:** [August 5, 2021, 10:12pm UTC](https://community.thunkable.com/t/button-on-canvas/1432997/5 "2021-08-05T22:12:37Z")

</div>

Thank you so much! This really helps.

---

<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, 1:17pm UTC](https://community.thunkable.com/t/button-on-canvas/1432997/6 "2024-11-08T13:17:32Z")

</div>