# Wrong layout in phone

**URL:** https://community.thunkable.com/t/wrong-layout-in-phone/1718911
**Category:** Questions about Thunkable X
**Created:** [February 6, 2022, 5:19pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911 "2022-02-06T17:19:10Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![pirullone3zhxym](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pirullone3zhxym/32/125891_2.png) [@pirullone3zhxym](https://community.thunkable.com/u/pirullone3zhxym)
#### Post date: [February 6, 2022, 5:19pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/1 "2022-02-06T17:19:10Z")

</div>

Hi all, i developed a simple app that works fine and looks like this:

 ![thun](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/7/b71e9e7d6e543ce215e0e2800314319d02752e00.jpeg)  
but in Live test has a wrong layout like this  
 ![tel](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/6/469783ef0cef0704c58b93a0bad7ea98e466b499.jpeg)  
and the same wrong layout if I compile and install apk on my phone (Samsung S20 Ultra).  
I tried to remove the flag image in the background but nothing changes.  
How can I fix? Thanks a lot

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [February 6, 2022, 5:23pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/2 "2022-02-06T17:23:41Z")

</div>

Are you designing your project using DnD or StP.

If you are using DnD can you switch the `Scrollable` in the screen properties to **True** and test in the mobile using the Thunkable companion app. No need to generate APK at this stage.

---

<div class="post-metadata">

### Author: ![pirullone3zhxym](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pirullone3zhxym/32/125891_2.png) [@pirullone3zhxym](https://community.thunkable.com/u/pirullone3zhxym)
#### Post date: [February 6, 2022, 5:27pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/3 "2022-02-06T17:27:18Z")

</div>

> [@muneer](#):
>
> DnD or StP

Hi, how do I check if i’m in DnD or StP? Anyway, Scrollable property of Screen1 is already True

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [February 6, 2022, 5:29pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/4 "2022-02-06T17:29:53Z")

</div>

One quick way is to notice the project name.  
If in the center then you are using DnD.  
If in the left side along with the `component tree` then you are using StP.

---

<div class="post-metadata">

### Author: ![pirullone3zhxym](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pirullone3zhxym/32/125891_2.png) [@pirullone3zhxym](https://community.thunkable.com/u/pirullone3zhxym)
#### Post date: [February 6, 2022, 5:37pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/5 "2022-02-06T17:37:41Z")

</div>

It’s in the center, so it’s DnD

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [February 6, 2022, 5:43pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/6 "2022-02-06T17:43:32Z")

</div>

Activate this and test  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/5/7584f387f4984db6cb7f2d3a300151595c334f15.png)

---

<div class="post-metadata">

### Author: ![pirullone3zhxym](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pirullone3zhxym/32/125891_2.png) [@pirullone3zhxym](https://community.thunkable.com/u/pirullone3zhxym)
#### Post date: [February 6, 2022, 5:48pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/7 "2022-02-06T17:48:02Z")

</div>

I already activated, because after browsing forum i read about this solution, but unfortunately didn’t solve my issue. The screenshot I sent refer to app running with Scrollable set to True

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [February 6, 2022, 5:50pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/8 "2022-02-06T17:50:31Z")

</div>

The next step is to group the components that you want to stay together in a `Group` component. It shouldn’t make a difference but for some reason it does.

---

<div class="post-metadata">

### Author: ![pirullone3zhxym](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pirullone3zhxym/32/125891_2.png) [@pirullone3zhxym](https://community.thunkable.com/u/pirullone3zhxym)
#### Post date: [February 6, 2022, 5:54pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/9 "2022-02-06T17:54:51Z")

</div>

Even that already done, in fact i have 3 groups in my main screen

 ![grp](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/a/2ab012a9d61d4aba025cbbca13e3b95a9d837e7b.jpeg)

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [February 6, 2022, 6:01pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/10 "2022-02-06T18:01:35Z")

</div>

Let me ask you a strange question but crucial to this issue.

When designing your screen, were you moving components in the screen itself or have you dragged them using the `component tree`?

There is a strange bug in DnD that if you place a component or move a component using the `component tree` the design gets missed up.

---

<div class="post-metadata">

### Author: ![pirullone3zhxym](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pirullone3zhxym/32/125891_2.png) [@pirullone3zhxym](https://community.thunkable.com/u/pirullone3zhxym)
#### Post date: [February 6, 2022, 6:16pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/11 "2022-02-06T18:16:29Z")

</div>

I’m not sure i fully got your question, anyway I dragged components from the left side directly in my Screen1, released them and then dragged again to reach the proper position, i didn’t even know there’s another way to select and place components 😀

---

<div class="post-metadata">

### Author: ![pirullone3zhxym](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pirullone3zhxym/32/125891_2.png) [@pirullone3zhxym](https://community.thunkable.com/u/pirullone3zhxym)
#### Post date: [February 8, 2022, 7:56pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/12 "2022-02-08T19:56:23Z")

</div>

muneer?

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [February 8, 2022, 8:20pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/13 "2022-02-08T20:20:56Z")

</div>

Will it be possible to share your project link either here or DM me?

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [February 8, 2022, 9:26pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/14 "2022-02-08T21:26:17Z")

</div>

Hi! Can you share the project URL with me?

Is it only messed up on the companion app or when you download to a phone too?

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)
#### Post date: [May 9, 2022, 9:27pm UTC](https://community.thunkable.com/t/wrong-layout-in-phone/1718911/15 "2022-05-09T21:27:15Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
