# \[Solved\] Component placement and alignment in the new UI

**URL:** https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648
**Category:** Questions about Thunkable X
**Tags:** solved, draganddrop
**Created:** [December 23, 2020, 8:46pm UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648 "2020-12-23T20:46:21Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![bobsunscreen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bobsunscreen/32/85667_2.png) [@bobsunscreen](https://community.thunkable.com/u/bobsunscreen)
#### Post date: [December 23, 2020, 8:46pm UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/1 "2020-12-23T20:46:21Z")

</div>

I really like the new drag and drop interface and I have been using it for a few days. However, whenever I preview my app via the iOS Thunkable app or by downloading it onto my iPhone, all of the screens are messed up.

When I preview my app, the images are squished and are scattered in random places across the screen.

When I download my app, sometimes my code just doesn’t run, while other times it takes a minute or two to respond. Images and buttons are also missing, and random white bars appear at the top of the screen.

Is anyone else experiencing these issues? Is there a fix? Please message me if you want more info. I can send some screenshots, as well as the project link.

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [January 5, 2021, 10:23pm UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/2 "2021-01-05T22:23:36Z")

</div>

Hey @bobsunscreen - thanks for taking the time to leave feedback on the new UI, sorry it took so long to get back to you.

> [@bobsunscreen](#):
>
> I can send some screenshots, as well as the project link.

Yes please! This will help us better understand what’s going on and who to go about fixing it, thanks.

---

<div class="post-metadata">

### Author: ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)
#### Post date: [January 6, 2021, 10:16am UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/3 "2021-01-06T10:16:18Z")

</div>

Labels that appear normal in the Designer come out **stretched and grey** during Device Live Test. Even buttons come out unnaturally stretched on a phone. Also, buttons that are perfectly hidden during web preview are **seen** in a **totally different position** on the phone. Because of that, I haven’t used the new Ui a second time.

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [January 6, 2021, 10:21am UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/4 "2021-01-06T10:21:01Z")

</div>

Thanks for flagging this @codeswept - can you share a screenshot/recording of this behaviour?  
Also, do you know if it’s unique to live testing or is it happening on downloaded/installed apps too?

* * *

also, pinging @bobsunscreen here too. If you get a chance please send on the screenshots/sample projects.

Thanks.

---

<div class="post-metadata">

### Author: ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)
#### Post date: [January 6, 2021, 10:54am UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/5 "2021-01-06T10:54:07Z")

</div>

@domhnallohanlon,

The stretching doesn’t happen ALL of the time, but if you play around with size and position a little bit, you can make it happen

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/5/a5378af2a44c874d6aeda9cde6873cbb9a871d04.png) ![20210106_024613](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/b/db2b52b78c24dbf41d692ced17c689174314845c.gif)

---

<div class="post-metadata">

### Author: ![bobsunscreen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bobsunscreen/32/85667_2.png) [@bobsunscreen](https://community.thunkable.com/u/bobsunscreen)
#### Post date: [January 6, 2021, 2:35pm UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/6 "2021-01-06T14:35:39Z")

</div>

I just messaged you the link to my project and some screenshots and videos.

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [January 6, 2021, 4:15pm UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/7 "2021-01-06T16:15:59Z")

</div>

Thanks @bobsunscreen, will take a look.

Thanks @drted

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [May 21, 2021, 1:50pm UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/8 "2021-05-21T13:50:06Z")

</div>

Hey @bobsunscreen, @drted, @codeswept - this behaviour has now been fixed. Can you take a look on your devices and let me know if this is the case for you too?

Thanks!

---

<div class="post-metadata">

### Author: ![bobsunscreen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bobsunscreen/32/85667_2.png) [@bobsunscreen](https://community.thunkable.com/u/bobsunscreen)
#### Post date: [May 21, 2021, 10:00pm UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/9 "2021-05-21T22:00:40Z")

</div>

It looks good now, thank you!

---

<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:19pm UTC](https://community.thunkable.com/t/solved-component-placement-and-alignment-in-the-new-ui/1041648/10 "2024-11-08T12:19:30Z")

</div>


