Label Horizontal Alignment not working on Web

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


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

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

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.

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

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.