# Layout issue / overlay misunderstood

**URL:** <https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275>\
**Category:** Questions about Thunkable X\
**Created:** [February 26, 2022, 8:00am UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275 "2022-02-26T08:00:35Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\
**Post date:** [February 26, 2022, 8:00am UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275/1 "2022-02-26T08:00:35Z")

</div>

hi

I’m desperately trying to display a listview  
starting situation below with a label initialized to 1

 ![Capture d’écran 2022-02-26 à 08.46.57](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/d/dda34ce2f954114dedfebc6c9ff1d217539e7176.png)  
when I press the arrow here is what. I get  
 ![Capture d’écran 2022-02-26 à 08.45.17](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/2/72ee676a8c11ec682b71685713a4642121426d27.png)  
get out of this mess…

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [February 26, 2022, 8:07am UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275/2 "2022-02-26T08:07:15Z")

</div>

There’s not enough information here to help you.

---

<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 26, 2022, 10:01am UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275/3 "2022-02-26T10:01:38Z")

</div>

As @tatiang said, there is not enough info to give any kind of opinion whoever, since you mentioned `List Viewer` are you trying to do something like this?  
[https://x.thunkable.com/projectPage/5fce83a95373b000115a9279](https://x.thunkable.com/projectPage/5fce83a95373b000115a9279)

---

<div class="post-metadata">

**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\
**Post date:** [February 26, 2022, 10:58am UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275/4 "2022-02-26T10:58:12Z")

</div>

hi

it looks like it but my layout is a little more elaborate it seems to me  
[https://x.thunkable.com/copy/0b97eb7fd879b704f5dbb36002869e98](https://x.thunkable.com/copy/0b97eb7fd879b704f5dbb36002869e98)

---

<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 26, 2022, 12:28pm UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275/5 "2022-02-26T12:28:49Z")

</div>

Are you looking for this?

![bibbi](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/8/b862b0b008ffa519c232a78027f782faebcda2a8.gif)

This is what you need to change  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/c/1c902fd9743bdfad2cadfec415a5e127ec9c7154.png)  
or this  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/c/3c2979b37818016195ef60c1e7032a8c799409b3.png)

**Plus** the `List Viewer` itself has to be **relative**  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/4/14e64102e824addda1630862a57e4638c3c91cb1.png)

---

<div class="post-metadata">

**Author:** ![bibbi](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@bibbi](https://community.thunkable.com/u/bibbi)\
**Post date:** [February 26, 2022, 5:44pm UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275/6 "2022-02-26T17:44:29Z")

</div>

hi

thank you for this solution which is very close to what I would have liked to have done but if the list of items is long I will have to press the button a lot. There is no way that the list of items can be longer?

---

<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 26, 2022, 8:01pm UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275/7 "2022-02-26T20:01:12Z")

</div>

> [@bibbi](#):
>
> There is no way that the list of items can be longer?

You can change the `height` of the `List Viewer` to **Absolute** which will override the size of the container (row or column).

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

I used this setting

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

---

<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 27, 2022, 8:01pm UTC](https://community.thunkable.com/t/layout-issue-overlay-misunderstood/1756275/8 "2022-05-27T20:01:32Z")

</div>

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