# Custom layout looks diffrent at my phone

**URL:** <https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [December 3, 2021, 8:29am UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996 "2021-12-03T08:29:09Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [December 3, 2021, 8:29am UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/1 "2021-12-03T08:29:09Z")

</div>

Hello , i have a really nice design i thnk thanks to @muneer .  
it looks like this at web preview

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/4/249a910f8262f527622521dd55e066c7b3e411ab.png)

but when i try on the thunkable app it looks like this ,

First time hitting “sürücüler” tab

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/a/1a92c2384c31d1f87244494e1837b3222499825d.jpeg)

then i hit another tab , and hitting "sürücüler " tab for the second time it looks like this

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/2/e2a835a4adca003d0eefbb31e3e27fa8e28a9f5c.jpeg)

whats wrong here and if you thunkers have any layouts i would like to test them at my app 😃 .  
Thanks,  
@muneer we have discussed this too 😃 , but making fresh new topic .

---

<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:** [December 3, 2021, 8:41am UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/2 "2021-12-03T08:41:38Z")

</div>

Do you mean the first time you only get 10 records?

If this is the case, this is an **old issue** that no one in Thunkable is seeing at as **priority** to look into it.

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [December 3, 2021, 10:31am UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/3 "2021-12-03T10:31:16Z")

</div>

Yes when i press the first time it shows 10 rows  
So is it not fixable?

---

<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:** [December 3, 2021, 11:06am UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/4 "2021-12-03T11:06:17Z")

</div>

> [@unsalberkay1905cfbe](#):
>
> is it not fixable?

You already discovered the solution to this issue.

You said if you go to another screen and then comeback to the screen having the DVL you can see all rows. Which means this is a good workaround for the time being.

Here how you can implement the workaround:

- Create a **dummy screen**.
- In the `screen Opens` block of the screen with the DVL, add a `navigate` block to the **dummy screen**.
- In the `screen Opens` block of the **dummy screen** , add a `navigate` block to the screen with the DVL.

This should make it work.

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [December 3, 2021, 11:40am UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/5 "2021-12-03T11:40:45Z")

</div>

Oh okay , i guess i will create 1 dummny screen for each tab navigators.  
So at the screen it still doesnt fit , how can i fix that

---

<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:** [December 3, 2021, 1:03pm UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/6 "2021-12-03T13:03:26Z")

</div>

> [@unsalberkay1905cfbe](#):
>
> it still doesnt fit , how can i fix that

Can you explain more, or show some images to be clear? I didn’t understand.

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [December 3, 2021, 3:57pm UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/7 "2021-12-03T15:57:55Z")

</div>

probably i did understand wrong , with those block now my app has infinete loop  
so it is not working  
[Thunkable](https://x.thunkable.com/projectPage/6173bba055c164001133b9e3)

---

<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:** [December 3, 2021, 4:41pm UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/8 "2021-12-03T16:41:13Z")

</div>

Use similar code

In screen with DVL use this  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/05a858c91a983e2078941ab3d57b0d29269ec229.png)

In dummy screen use this  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/c/bc80029302634392527991016528d240fd660a7e.png)

Note:  
I added the wait block just to give it time so I can check what happens. You do not need it.

**[Another way]**

You can use a timer that you set it to `FIRE` once only (`Loop` setting should be disabled) so that it will run only once and with this you might not need a **dummy screen**. Just use the time and test if you set it to refresh the DVL after 1 second or more to make it work.

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [December 3, 2021, 5:45pm UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/9 "2021-12-03T17:45:01Z")

</div>

@muneer its still doesnt work right at my phone  
still like this  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/1/21954f2f28d8d96223e00e4547bc1905f5fca89e.png)

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [December 4, 2021, 12:07pm UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/10 "2021-12-04T12:07:52Z")

</div>

@muneer what i want to do is actually this :

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/3/33deb6a2ef3ace4af184ab5f4e2b36e25bc36c88.jpeg)

this layout is actually very similar to thunkable s default layouts

but i really dont understand why cant you just make changes on default layouts and even if i do make my custom , it doesnt work , its really annoying

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [December 4, 2021, 2:48pm UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/11 "2021-12-04T14:48:54Z")

</div>

@muneer , @jared,@manyone i have been trying to diagnose the problem ,  
i come up with 2 problems ,  
First one is when you hit the first time at "Sürücüler Tab " you only get 10 data .  
And lets say after that you pressed another tab , it loads full 20 of them .

PROBLEM 1 :  
When i hit the first time at my phone :

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/0/8092f55bd8d5b5c459d5818b9c7e14db3fe7d2d9.jpeg)

And when i switch to another screen and come back again , it looks like this :

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/9/09126bab2983911b23dc4b76c7e2e13e8bb2e748.jpeg)

So after second time it loads every data .

* * *

And the second one is about custom layout , i was trying with 100% row width but it was looking like this at my phone

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/2/e2a835a4adca003d0eefbb31e3e27fa8e28a9f5c.jpeg)  
but at web live test preview it looks like this  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/a/9a2320aef7ca734cf25d2608ce3e5fea49b22320.png)

SO i tried to change row size ,  
at web preview it looks like this

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/058f75ebac5f2dbaa23a7de24fcc27d047b1e96b.png)

but at my phone it looks like this

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/0/8092f55bd8d5b5c459d5818b9c7e14db3fe7d2d9.jpeg)

How can i fix those problems ?  
PS: @muneer Dummy screeen method didnt work out .  
And i m working on at Sürücüler screen  
Project link : [Thunkable](https://x.thunkable.com/projectPage/6173bba055c164001133b9e3)  
Layout link(screen2) : [Thunkable](https://x.thunkable.com/projectPage/61ab78d80414cb00e3be8fbe)  
google sheet link (Pilots tab) : [SON DRL - Google Sheets](https://docs.google.com/spreadsheets/d/1_a2KYm-GIT-svyxWSzjkS48NZb4KIAgSlkR5nPgK83g/edit?usp=sharing)

---

<div class="post-metadata">

**Author:** ![unsalberkay1905cfbe](https://avatars.discourse-cdn.com/v4/letter/u/46a35a/32.png) [@unsalberkay1905cfbe](https://community.thunkable.com/u/unsalberkay1905cfbe)\
**Post date:** [December 4, 2021, 8:26pm UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/12 "2021-12-04T20:26:50Z")

</div>

mr @muneer have you tried it out ?

---

<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:** [December 6, 2021, 11:20am UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/13 "2021-12-06T11:20:27Z")

</div>

> [@unsalberkay1905cfbe](#):
>
> have you tried it out ?

Yes, I did. Sorry I id not reply to this post. I gave the solution in another post.

---

<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:** [March 6, 2022, 11:21am UTC](https://community.thunkable.com/t/custom-layout-looks-diffrent-at-my-phone/1644996/14 "2022-03-06T11:21:09Z")

</div>

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