Text align center & border radii not working

[bramgrooten]

Hi Thunk,

See attached screenshot:

The orange label is supposed to have text aligned in the center, which is not showing in beta-preview. (It does show in the Thunkable Live app.)

The blue button is supposed to have straight corners with borderRadii = 0 on the right, but this is not showing in beta-preview (and not in Thunkable Live either).

Project link here: Thunkable

[kartik14]

Hi, @bramgrooten!

For the button’s border radius, I found that you have a radius of 75 pixels in the designer area of the button -

I tried changing it to 0 pixels (as you want) and here’s the result - https://thunk.app/w/zr-zQXy76

Alright?

---

For the label, can you please again make sure, that the text seems center-alligned in live app, and not in web app? Also make sure you have latest version of the app.

Thanks!

[bramgrooten]

Hi @kartik14, thanks for the help!
When I click your link this is what I see:

It seems BorderRadii settings per corner (in advanced tab) do nothing for a Button. Like they’re overruled by the border radius setting in the simple tab.

And yes, after checking again the label is still not centered in web.

[kartik14]

Hi, @bramgrooten!

I had added an expired link earlier, sorry for that.
But, I had updated my post immediately with a fresh link - and it’s working… You might have mistakenly clicked the old one. Anyways, here’s the link - https://thunk.app/web-build/index.html?webAppId=zr-zQXy76

Thanks!

[bramgrooten]

Thanks I can see it know!
Unfortunately that’s not what I would like to see yet. See my comments earlier, on the overruling

[kartik14]

@bramgrooten

Thanks I can see it know!

---

@bramgrooten

Unfortunately that’s not what I would like to see yet

If you guide me on what kind of button you want, It would be better for me to understand.

@bramgrooten

See my comments on the overruling

Yes but No.
When you want all the sides / some sides to have different radius than the others, you set a primary no. in the simple tab, and then set precise no.s in the advanced tab (That’s how I do it, I don’t know the actual purpose).

Thanks!

[jared]

https://thunk.app/w/bbHuW-EAv

see here @bramgrooten I have centered a label with it’s text centerd and altered the button radii to make the button have 2 types of corners for styling

[that link may not actually take you here anymore. if so, let me know]