# Label and Button Location

**URL:** <https://community.thunkable.com/t/label-and-button-location/33649>\
**Category:** Questions about Thunkable X\
**Tags:** design, labels, button\
**Created:** [June 29, 2018, 6:22pm UTC](https://community.thunkable.com/t/label-and-button-location/33649 "2018-06-29T18:22:55Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Clayton\_Brown](https://avatars.discourse-cdn.com/v4/letter/c/ec9cab/32.png) [@Clayton\_Brown](https://community.thunkable.com/u/Clayton_Brown)\
**Post date:** [June 29, 2018, 6:22pm UTC](https://community.thunkable.com/t/label-and-button-location/33649/1 "2018-06-29T18:22:55Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![Rob\_Schoemaker](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rob_schoemaker/32/21023_2.png) [@Rob\_Schoemaker](https://community.thunkable.com/u/Rob_Schoemaker)\
**Post date:** [June 29, 2018, 6:29pm UTC](https://community.thunkable.com/t/label-and-button-location/33649/2 "2018-06-29T18:29:21Z")

</div>

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](https://docs.thunkable.com/thunkable-cross-platform/create/intro-to-spacing) and [https://docs.thunkable.com/thunkable-cross-platform/create/intro-to-spacing](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/](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)

Regards Rob

---

<div class="post-metadata">

**Author:** ![Clayton\_Brown](https://avatars.discourse-cdn.com/v4/letter/c/ec9cab/32.png) [@Clayton\_Brown](https://community.thunkable.com/u/Clayton_Brown)\
**Post date:** [June 29, 2018, 6:30pm UTC](https://community.thunkable.com/t/label-and-button-location/33649/3 "2018-06-29T18:30:17Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Hayder](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/hayder/32/153829_2.png) [@Hayder](https://community.thunkable.com/u/Hayder)\
**Post date:** [June 29, 2018, 11:14pm UTC](https://community.thunkable.com/t/label-and-button-location/33649/4 "2018-06-29T23:14:49Z")

</div>

## 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.

---

<div class="post-metadata">

**Author:** ![Clayton\_Brown](https://avatars.discourse-cdn.com/v4/letter/c/ec9cab/32.png) [@Clayton\_Brown](https://community.thunkable.com/u/Clayton_Brown)\
**Post date:** [June 30, 2018, 12:05am UTC](https://community.thunkable.com/t/label-and-button-location/33649/5 "2018-06-30T00:05:44Z")

</div>

Thanks Hayder!

---

<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:02pm UTC](https://community.thunkable.com/t/label-and-button-location/33649/6 "2024-11-08T12:02:19Z")

</div>