Label Horizontal Alignment not working on Web

Questions about Thunkable
1

Is anyone else having this issue or is it just me?

Platform

X Web

Issue/Request Origin

Found it on my own

Steps to Reproduce

  1. Create a label
  2. Set Label width = Fill Container
  3. Set Label Horizontal Alignment = Center
  4. Go to blocks and add On Open Event
  5. Set Label Text = Label TextAlign
  6. Preview or Live Test to display

Project Link

https://x.thunkable.com/copy/453fbfc519eb4357b9cd41cebb3871a9

Expected Behavior

I expect the text to align according to the property (center). Text property aligns using Thunkable app on Android

Actual Behavior

Text aligned to the left

image
image1920×999 70.9 KB

2

I’m having problems with this on iOS and the web (iMac) when previewing. I thought it might be related to the Drag & Drop beta test that I’m using but not sure. Center align only works for one of four labels.

3

Try this. Go to advanced properties of the Label Component. Positioning > justifyContent = “center”.

4

Thanks for the Tip!. Your work around does allow for centering using web platforms. Unfortunately it does not provide for a programatic (block-based change) access to change this property. And it is odd that the “SIMPLE” properties do not work consistently across platforms, but the ADVANCED properties do.