# \[Solved\] How can I create a button with rounded edges?
**URL:** https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284
**Category:** Questions about Thunkable X
**Tags:** design, solved
**Created:** [September 19, 2019, 1:25pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284 "2019-09-19T13:25:09Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 1:25pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/1 "2019-09-19T13:25:09Z")
How can I do something like that?
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [September 19, 2019, 1:27pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/2 "2019-09-19T13:27:04Z")
Hey @point, thanks for the screenshot. It looks like a button, no?
To make it taller you can increase the top and bottom padding.
---
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 1:28pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/3 "2019-09-19T13:28:41Z")
I want to create a template that has round edges and shadows (as in the photo)
I figured out how to make rounded edges, but couldn’t make a shadow
Can you help me?
---
### Author:  [@BlueWhaleYT](https://community.thunkable.com/u/BlueWhaleYT)
#### Post date: [September 19, 2019, 1:31pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/4 "2019-09-19T13:31:46Z")
radius and shadow
---
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 1:33pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/5 "2019-09-19T13:33:05Z")
Can you show an example?
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [September 19, 2019, 1:38pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/6 "2019-09-19T13:38:25Z")
If it’s a button you can set the “raised” property to true
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 19, 2019, 1:41pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/7 "2019-09-19T13:41:12Z")
Hi, @point! 👋
* * *
Yes.
Take a button, set it’s radius to desired,
go to **Advance Tab** ➡ Styling ➡ elevation ➡ set it to **2.5** (it looks better 😉)
* * *
Don’t forget to set the background color of the button to white - after adding elevation, if you do not have white color (or any other solid color other than transparent), the button will look horrible 😅
* * *
# Thanks! 😊
---
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 1:41pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/8 "2019-09-19T13:41:13Z")
But I want the shade to be around and not just down (except I meant Layout)
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 19, 2019, 1:41pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/9 "2019-09-19T13:41:42Z")
> [@point](#):
>
> not just down
> [@\[Solved\] How can I create a button with rounded edges?](http://community.thunkable.com/t/how-can-i-do-something-like-that/234284/7):
>
> Hi, @point! wave Yes. Take a button, set it’s radius to desired, go to Advance Tab arrow_right Styling arrow_right elevation arrow_right set it to 2.5 (it looks better wink) Don’t forget to set the background color of the button to white - after adding elevation, if you do not have white color (or any other solid color other than transparent), the button will look horrible sweat_smile Thanks! blush
This will work then 😉
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 19, 2019, 1:48pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/10 "2019-09-19T13:48:02Z")
Have a look on this detailed video - 😊
**Edit:** Sorry, I gave the wrong video 😅, adding a new one…
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 19, 2019, 2:09pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/11 "2019-09-19T14:09:14Z")
@point, should I provide you a video?
or the text tutorial is ok?
* * *
**Edit:** Thanks for marking ✅ 😊
---
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 2:10pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/12 "2019-09-19T14:10:41Z")
Yes it will help me😊
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 19, 2019, 2:12pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/13 "2019-09-19T14:12:02Z")
Here you go - 😉
* * *
# Thanks! 😊
---
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 2:19pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/14 "2019-09-19T14:19:03Z")
I still can’t see the shadow
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 19, 2019, 2:20pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/15 "2019-09-19T14:20:03Z")
Try increasing the elevation.
* * *
Plus, are you testing on **Android** / **iOS**?
Live or Downloaded?
---
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 2:20pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/16 "2019-09-19T14:20:32Z")
I can only see the shadow on Android, I checked on Ipad (IOS) and didn’t see the shadow
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 19, 2019, 2:22pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/17 "2019-09-19T14:22:22Z")
Yeah; That’s what I was experiencing from days 😅
* * *
I think Shadow/Elevation doesn’t work on **iOS** … 😕
Any comments, @domhnallohanlon ?
* * *
# Thanks! 😊
---
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 2:22pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/18 "2019-09-19T14:22:33Z")
I will check if you see the shadow after installing the app on the device (on iOS)
---
### Author:  [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [September 19, 2019, 2:23pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/19 "2019-09-19T14:23:19Z")
> [@point](#):
>
> I will check if you see the shadow after installing
It will work perfectly on live and apk (for android **only** ) 👍
* * *
> [@point](#):
>
> (on iOS)
I don’t think it will work 😕
---
### Author:  [@point](https://community.thunkable.com/u/point)
#### Post date: [September 19, 2019, 2:34pm UTC](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284/20 "2019-09-19T14:34:19Z")
It doesn’t work even after I installed the app on the device (on iOS)😥
[Next page](https://community.thunkable.com/t/solved-how-can-i-create-a-button-with-rounded-edges/234284.md?page=2)