Label and Button Location

Hi -

Feel really silly asking this because I’m sure it must be obvious … but I can’t seem to change the location of labels or buttons. Like if I add a button it automatically puts it in the center of the screen. Then I can add things above or below.

How can I, for example, put a button in the top left corner?

Thanks!

You will have to use columns and rows together with flex box settings (under the Advanced tab of most components) to control where controls are placed.

Also see https://docs.thunkable.com/thunkable-cross-platform/create/intro-to-spacing and https://docs.thunkable.com/thunkable-cross-platform/create/intro-to-spacing in the Thunkable documentation.

You might also want to take a look at some general flex box documentation such as https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Regards Rob

1 Like

Thanks Rob - very helpful. I’ll read through the suggested documentation

If you are talking about the screen or any container, then you have two things to set the location of components inside them. They are:

  1. Justification and Alignment
    In these two things you can set the location.

Thanks Hayder!

1 Like