# Custom Layout Problems

**URL:** https://community.thunkable.com/t/custom-layout-problems/1646829
**Category:** Questions about Thunkable X
**Tags:** design
**Created:** [December 5, 2021, 9:34am UTC](https://community.thunkable.com/t/custom-layout-problems/1646829 "2021-12-05T09:34:53Z")
**Posts on this page:** 20
**Page:** 3

<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, 4:13pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/43 "2021-12-06T16:13:23Z")

</div>

> [@unsalberkay1905cfbe](#):
>
> it doesnt work for some reason

I’m sorry. My mistake. It should be `length of`

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/4/34006abec10cffc9db4c7b2e004ddba6187c9412.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 6, 2021, 4:52pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/44 "2021-12-06T16:52:37Z")

</div>

thanks @muneer , its kinda uploading slow so i will probably put loading icon , is there anything that i can do to make it faster @muneer?

Q2 : @muneer why is my background picture and my blue label streches i want them to stay still , how can i fix ?  
app starts like this :

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

ends like this:

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

Project : [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 6, 2021, 6:27pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/45 "2021-12-06T18:27:34Z")

</div>

Choose from here the picture mode. Remember to check it on your mobile because it shows different between the mobile an the computer design.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/7/f7c3b15b7c662ed41c16eb9ffa3d3b065446b3b2.png)

**[Edit]**

The screen **scroll** setting effects the background image and the position of components.

---

<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 6, 2021, 7:02pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/46 "2021-12-06T19:02:50Z")

</div>

@muneer , none of them works , once i did it like this

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/8/f81e8199ce131b887eddf710a4b170191742e7cd.jpeg)  
how did i do that i wonder ? 😃 Do you have any ideas? how i managed to that?

---

<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 7, 2021, 1:43pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/47 "2021-12-07T13:43:30Z")

</div>

@muneer do you have any clue about 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 7, 2021, 2:50pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/48 "2021-12-07T14:50:35Z")

</div>

Can you explain in a different way?

When the screen is filled with the list, you will not see the `background image`. This is what is in your last screenshot.

---

<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 7, 2021, 3:14pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/49 "2021-12-07T15:14:39Z")

</div>

actually @muneer i was trying different things , and once this happened , all list squeezed into screen . Then i lost this

---

<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 7, 2021, 3:26pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/50 "2021-12-07T15:26:09Z")

</div>

Can you describe what you what to happen in a clear way so I can understand and try to do it from my side?

---

<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 7, 2021, 3:28pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/51 "2021-12-07T15:28:03Z")

</div>

okay , this is what happned , standings (clones) started to squeezed to screen when i opened screen , and there was no scroll @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: [December 7, 2021, 3:50pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/52 "2021-12-07T15:50:25Z")

</div>

> [@unsalberkay1905cfbe](#):
>
> started to squeezed to screen

This means the `scroll` option in the screen properties is set to **OFF**.

You can leave if this way but you will need to add a `column` in the screen and set this column to be **scrollable** and now make the cloning inside this column.

---

<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 7, 2021, 4:34pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/53 "2021-12-07T16:34:14Z")

</div>

@muneer its promising , but not working properly [Thunkable](https://x.thunkable.com/projectPage/6173bba055c164001133b9e3)  
cant scroll bottom side and top side of it , and it doesnt fit properly when i tried at on my phone

---

<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 7, 2021, 5:56pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/54 "2021-12-07T17:56:08Z")

</div>

For the scrolling to work properly, you need to have the height and width of the column set to `fit contents`. It does not work properly if you leave it as `fill container`.

---

<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 7, 2021, 6:18pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/55 "2021-12-07T18:18:25Z")

</div>

@muneer with those adjustments it looks good but , but its really hard to scroll to bottom of it  
EDIT : you need to try so hard to reach 15th row and below  
[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 8, 2021, 12:55pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/56 "2021-12-08T12:55:48Z")

</div>

I can see that you are setting the size of the column to 100%. This will show the scroll in PC but not in mobile.

What you can do is this:

- Leave this column as **Not scrollable**
- To add a new column inside this column
- Make the new column scrollable
- Make the size of new column as “fit content”
- Make `Row1` to be inside the new column
- Adjust the **cloning** code blocks to add rows to the new column

---

<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 8, 2021, 1:01pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/57 "2021-12-08T13:01:36Z")

</div>

you are so good @muneer thanks , it works

---

<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 8, 2021, 2:07pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/58 "2021-12-08T14:07:17Z")

</div>

@muneer i tried to do clone thing with my defauly list , which part is wrong you thhink?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/4/847825a1ca220edeefdfd914211a8af3b69a3c8d.png)

---

<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 8, 2021, 2:09pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/59 "2021-12-08T14:09:55Z")

</div>

You **can not** close the `Data Viewer List`. You have to use the `Row` that you designed in your custom DVL and use it as a row in the screen.

---

<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 8, 2021, 7:01pm UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/60 "2021-12-08T19:01:25Z")

</div>

@muneer can not believe it right now , my siralama screen doesnt work … it does not filter .  
[Thunkable](https://x.thunkable.com/projectPage/6173bba055c164001133b9e3)  
and my sheet [SON DRL - Google Sheets](https://docs.google.com/spreadsheets/d/1_a2KYm-GIT-svyxWSzjkS48NZb4KIAgSlkR5nPgK83g/edit?usp=sharing)

edit :can you use the bottom of the list "SON DRL " sheet from thunkable . thanks

---

<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 9, 2021, 8:56am UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/61 "2021-12-09T08:56:47Z")

</div>

EDIT : tried many things , changing sheets or changing blocks etc , none of them worked @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: [December 9, 2021, 10:28am UTC](https://community.thunkable.com/t/custom-layout-problems/1646829/62 "2021-12-09T10:28:08Z")

</div>

OK, boss,  
I will look into it just after I finish my tasks of today

[Previous page](https://community.thunkable.com/t/custom-layout-problems/1646829.md?page=2)

[Next page](https://community.thunkable.com/t/custom-layout-problems/1646829.md?page=4)
