# Problem setting button corner radius

**URL:** https://community.thunkable.com/t/problem-setting-button-corner-radius/686341
**Category:** Questions about Thunkable X
**Created:** [July 18, 2020, 9:49am UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341 "2020-07-18T09:49:33Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![andrea.miglia2020qa](https://avatars.discourse-cdn.com/v4/letter/a/e19adc/32.png) [@andrea.miglia2020qa](https://community.thunkable.com/u/andrea.miglia2020qa)
#### Post date: [July 18, 2020, 9:49am UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/1 "2020-07-18T09:49:33Z")

</div>

Hi everyone, I’m building an app and I had problems with a few buttons: in the design preview I imposed buttons like the others that are okay, but in the live test a few buttons don’t match with what I set: I have a column that should have the size of the button contained in it, but then, in the live test, it’s bigger than the button. Then, I’ve changed the radius of the corners of the button, but, again, in the live test the button remains rectangular with 90 degree corners.  
I hope that you could help me, thank you for your time.

---

<div class="post-metadata">

### Author: ![rockode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rockode/32/75168_2.png) [@rockode](https://community.thunkable.com/u/rockode)
#### Post date: [July 18, 2020, 12:13pm UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/2 "2020-07-18T12:13:44Z")

</div>

What is the value of the border radius?

---

<div class="post-metadata">

### Author: ![andrea.miglia2020qa](https://avatars.discourse-cdn.com/v4/letter/a/e19adc/32.png) [@andrea.miglia2020qa](https://community.thunkable.com/u/andrea.miglia2020qa)
#### Post date: [July 18, 2020, 12:28pm UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/3 "2020-07-18T12:28:06Z")

</div>

The value of the border radius is 20.

---

<div class="post-metadata">

### Author: ![rockode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rockode/32/75168_2.png) [@rockode](https://community.thunkable.com/u/rockode)
#### Post date: [July 24, 2020, 1:25pm UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/4 "2020-07-24T13:25:05Z")

</div>

Keep It 150 and try

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [July 24, 2020, 1:51pm UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/5 "2020-07-24T13:51:10Z")

</div>

Can you share a screenshot @andrea.miglia2020qa?

Thanks.

---

<div class="post-metadata">

### Author: ![andrea.miglia2020qa](https://avatars.discourse-cdn.com/v4/letter/a/e19adc/32.png) [@andrea.miglia2020qa](https://community.thunkable.com/u/andrea.miglia2020qa)
#### Post date: [July 25, 2020, 10:14am UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/6 "2020-07-25T10:14:13Z")

</div>

Sure! the button I was talking about is the ‘menu’ one.  
Thank you again

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/e/0e04423770899149fb73041502f43a1a770dd05b.jpeg) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/1/115e4c995a2192d84d1ddc6277f586cedb500717.jpeg)

---

<div class="post-metadata">

### Author: ![juschan0605](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/juschan0605/32/98033_2.png) [@juschan0605](https://community.thunkable.com/u/juschan0605)
#### Post date: [July 25, 2020, 11:27am UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/7 "2020-07-25T11:27:22Z")

</div>

I have the same problem before too. Maybe you should try placing the button inside a column, set the button’s background color to transparent and set the color u want on the button in a column. Then, set the column’s top two corners to the radius you want.  
Hope this helps!

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [July 25, 2020, 12:09pm UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/8 "2020-07-25T12:09:12Z")

</div>

@andrea.miglia2020qa it looks like your “Compatta” and “Conferma” buttons are using the radius property but the “Menu” button is using the advanced properties to style the top left and top right radii, is that correct?

---

<div class="post-metadata">

### Author: ![andrea.miglia2020qa](https://avatars.discourse-cdn.com/v4/letter/a/e19adc/32.png) [@andrea.miglia2020qa](https://community.thunkable.com/u/andrea.miglia2020qa)
#### Post date: [July 26, 2020, 10:32am UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/9 "2020-07-26T10:32:12Z")

</div>

yes, for the ‘Conferma’ and ‘Compatta’ buttons I used normal properties, they have the same radius and they works perfectly  
But for the ‘menu’ button I used advanced properties  
I would like to set only the top corners rounded, but in the livetest they still remain squared.  
thank you again!

---

<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:27pm UTC](https://community.thunkable.com/t/problem-setting-button-corner-radius/686341/10 "2024-11-08T12:27:00Z")

</div>


