# How i can use this button so user can click on directions
**URL:** https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256
**Category:** Questions about Thunkable X
**Tags:** webviewer, solved, beginner, help
**Created:** [September 2, 2021, 10:02pm UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256 "2021-09-02T22:02:00Z")
**Posts on this page:** 16
**Page:** 1
### Author:  [@enzka007](https://community.thunkable.com/u/enzka007)
#### Post date: [September 2, 2021, 10:02pm UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/1 "2021-09-02T22:02:00Z")
hello comunity i hope you are doing good ? please if someone can show me how i can use this button , exemple when user click on left the click is just on left not all button and when he click on right the button click just on right
---
### Author:  [@Dean\_Artis](https://community.thunkable.com/u/Dean_Artis)
#### Post date: [September 2, 2021, 10:26pm UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/2 "2021-09-02T22:26:41Z")
Create an sprite with the image of the button and place it on a canvas. When the user taps the left side of the sprite carry out the procedures for it. When the user taps the right side of the sprite carry out the procedures for it.
To know which side the user tapped get the x-position of the tap. If it’s less than or equal to [(0.5 x sprite width) + sprite’s x-position] then user tapped the left side. Otherwise they tapped the right.
---
### Author:  [@enzka007](https://community.thunkable.com/u/enzka007)
#### Post date: [September 2, 2021, 10:28pm UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/3 "2021-09-02T22:28:44Z")
can i share with you button image so you can understand what i mean ?
---
### Author:  [@enzka007](https://community.thunkable.com/u/enzka007)
#### Post date: [September 2, 2021, 10:32pm UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/4 "2021-09-02T22:32:28Z")
this button i wan make it 4 buttons so user can click up down right and left
---
### Author:  [@tatiang](https://community.thunkable.com/u/tatiang)
#### Post date: [September 2, 2021, 10:43pm UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/5 "2021-09-02T22:43:49Z")
This is a little more complicated because you really need to detect triangular areas that are clicked:
The only thing that comes to mind is using an arc formula to determine if the click is inside one of the four arcs. This might or might not be helpful:
>
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [September 3, 2021, 2:19am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/6 "2021-09-03T02:19:55Z")
Place the image in a row or column and then add more rows or columns inside the main one to position buttons with transparent colour on top of the arrows.
This way you will be able to do what you are describing.
Happy Thunking!
---
### Author:  [@enzka007](https://community.thunkable.com/u/enzka007)
#### Post date: [September 3, 2021, 2:32am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/7 "2021-09-03T02:32:25Z")
but if you add more rows you can not add it on the button
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [September 3, 2021, 2:35am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/8 "2021-09-03T02:35:11Z")
It’s not a **button**. Just a background picture. Then add **transparent buttons** over the picture and position them in place of the arrows.
---
### Author:  [@enzka007](https://community.thunkable.com/u/enzka007)
#### Post date: [September 3, 2021, 2:39am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/9 "2021-09-03T02:39:34Z")
look at this if i add more rows inside it give me this you can not add row on the image
---
### Author:  [@enzka007](https://community.thunkable.com/u/enzka007)
#### Post date: [September 3, 2021, 2:58am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/10 "2021-09-03T02:58:05Z")
> [@muneer](#):
>
> It’s not a **button**. Just a background picture. Then add **transparent buttons** over the picture and position them in place of the arrows.
it looks like this i can not add buttons on the image
---
### Author:  [@vishruth-ram](https://community.thunkable.com/u/vishruth-ram)
#### Post date: [September 3, 2021, 3:04am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/11 "2021-09-03T03:04:17Z")
> [@enzka007](#):
>
> 
> it looks like this i can not add buttons on the image
try using the drag and drop UI
---
### Author:  [@enzka007](https://community.thunkable.com/u/enzka007)
#### Post date: [September 3, 2021, 3:31am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/12 "2021-09-03T03:31:03Z")
its not work
---
### Author:  [@vishruth-ram](https://community.thunkable.com/u/vishruth-ram)
#### Post date: [September 3, 2021, 3:56am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/13 "2021-09-03T03:56:00Z")
in drag and drop you can place things on stack. so select the **use drag and drop layout** checkbox when creating new project- [see here](https://community.thunkable.com/t/the-future-of-ui-design-in-thunkable/1035738)
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [September 3, 2021, 6:30am UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/14 "2021-09-03T06:30:40Z")
Try this
clock on the arrows and OK and see the label changes
[https://x.thunkable.com/projectPage/6131be9f22654c0010731536](https://x.thunkable.com/projectPage/6131be9f22654c0010731536)
See a demo on the phone
> **[multi-press.mp4 (video)](https://drive.google.com/file/d/1xj-etKWs-wm6LGCBIqEnQELDMQm5qfzT/view?usp=drivesdk)**
>
> Google Drive file.
---
### Author:  [@enzka007](https://community.thunkable.com/u/enzka007)
#### Post date: [September 3, 2021, 12:53pm UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/15 "2021-09-03T12:53:18Z")
sir thank you so much i have fixe thank you for your help
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 1:17pm UTC](https://community.thunkable.com/t/how-i-can-use-this-button-so-user-can-click-on-directions/1484256/16 "2024-11-08T13:17:00Z")