# List View popup

**URL:** <https://community.thunkable.com/t/list-view-popup/1601545>\
**Category:** Questions about Thunkable X\
**Created:** [November 7, 2021, 9:20am UTC](https://community.thunkable.com/t/list-view-popup/1601545 "2021-11-07T09:20:03Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![dimaurosalvo19717s1y](https://avatars.discourse-cdn.com/v4/letter/d/a87d85/32.png) [@dimaurosalvo19717s1y](https://community.thunkable.com/u/dimaurosalvo19717s1y)\
**Post date:** [November 7, 2021, 9:20am UTC](https://community.thunkable.com/t/list-view-popup/1601545/1 "2021-11-07T09:20:04Z")

</div>

Hi I was wondering if I can get my list to appear in a separate popup window rather than the standard view, as shown in the picture.  
If anyone knows how to do it please let me know thanks

popup

 ![d06b8864-99a2-44f9-ace1-13a98b6476e6](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/b/9b6596334066c87a24f474f21c5474f9afa49e5d.jpeg)

standard

 ![70719307-397d-4205-b7e4-3fae1e7bc2a8](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/4/0409ad9fcb16ee61d4448417e48742634dc071ca.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:** [November 7, 2021, 1:51pm UTC](https://community.thunkable.com/t/list-view-popup/1601545/2 "2021-11-07T13:51:16Z")

</div>

Make the popup window yourself.

Use `column` (if you use StP) or use `group` (if you use DnD) and place your list viewer in the column or group. Make it hidden and when you want it show it.

---

<div class="post-metadata">

**Author:** ![dimaurosalvo19717s1y](https://avatars.discourse-cdn.com/v4/letter/d/a87d85/32.png) [@dimaurosalvo19717s1y](https://community.thunkable.com/u/dimaurosalvo19717s1y)\
**Post date:** [November 7, 2021, 4:24pm UTC](https://community.thunkable.com/t/list-view-popup/1601545/3 "2021-11-07T16:24:45Z")

</div>

thanks muneer that’s what I do, but it’s probably a matter of playing with the advanced controls to get the same result as the first screen, with shading outside and in the middle of the screen.  
I did some tests but I can’t figure out how to set them up.  
could you help me?  
I enclose the project

 ![2021-11-07_170400](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/4/842cfd4e46b82dcf5d8012b4afef68d13e852ceb.jpeg)

[https://x.thunkable.com/projects/6187fa0963068a001143a5ee/20ea625c-9d37-410a-b885-d687f3a1a982/designer](https://x.thunkable.com/projects/6187fa0963068a001143a5ee/20ea625c-9d37-410a-b885-d687f3a1a982/designer)

---

<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:** [November 7, 2021, 5:05pm UTC](https://community.thunkable.com/t/list-view-popup/1601545/4 "2021-11-07T17:05:35Z")

</div>

If you want the column that contains the `list viewer` to stay in the same position then in the `Advanced properties` select `Positioning` and select **Absolute** for **Position** option.

Let me know or draw what you want to happen and may be I can change in the project to show how it happens.

See my attempt

 ![IMG_20211107_202102](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/3/6326c434ec34581a664e81c7d728752271260395.jpeg)

---

<div class="post-metadata">

**Author:** ![dimaurosalvo19717s1y](https://avatars.discourse-cdn.com/v4/letter/d/a87d85/32.png) [@dimaurosalvo19717s1y](https://community.thunkable.com/u/dimaurosalvo19717s1y)\
**Post date:** [November 7, 2021, 6:01pm UTC](https://community.thunkable.com/t/list-view-popup/1601545/5 "2021-11-07T18:01:43Z")

</div>

> [@muneer](#):
>
> select `Positioning` and select **Absolute** for **Position** optio

By changing only that parameter you tell me the result is this

 ![4451d00b-3b42-4830-838d-2695cb02449c](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/2/92333416098ccfc4c6e319ff6b8691570c7457e4.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:** [November 7, 2021, 6:24pm UTC](https://community.thunkable.com/t/list-view-popup/1601545/6 "2021-11-07T18:24:41Z")

</div>

You will need to adjust the position of the column. I changed it to percentage instead of “fill content”.

I also changed the ZIndex in the `Advanced properties`, `Positioning` to a higher number. Not very important but to make sure it will be on top.

---

<div class="post-metadata">

**Author:** ![dimaurosalvo19717s1y](https://avatars.discourse-cdn.com/v4/letter/d/a87d85/32.png) [@dimaurosalvo19717s1y](https://community.thunkable.com/u/dimaurosalvo19717s1y)\
**Post date:** [November 7, 2021, 8:58pm UTC](https://community.thunkable.com/t/list-view-popup/1601545/7 "2021-11-07T20:58:14Z")

</div>

oK, thanks, I’ll do some tests and let you know, in any case the result I would like to obtain is similar to the first screenshot sent.  
I have over 40 choice labels and therefore the top positioning is not the best, the listview should appear in the center for each single choice, without moving the screen below  
Initially I had inserted a listview for each label of choice, but as a choice it was quite heavy

---

<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:** [November 8, 2021, 3:02am UTC](https://community.thunkable.com/t/list-view-popup/1601545/8 "2021-11-08T03:02:07Z")

</div>

> [@dimaurosalvo19717s1y](#):
>
> therefore the top positioning is not the best,

You can position it anywhere in the screen. To show it on top of other lists it has to be absolute in position. But you can play with the offset setting in the `Advanced properties` to move the column around in the screen.

---

<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:** [November 9, 2021, 12:32am UTC](https://community.thunkable.com/t/list-view-popup/1601545/9 "2021-11-09T00:32:31Z")

</div>

Nice thread on these types of things [over here](https://community.thunkable.com/t/thunkable-animated-drop-down-search-bar/441428/5) too!

---

<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, 1:14pm UTC](https://community.thunkable.com/t/list-view-popup/1601545/10 "2024-11-08T13:14:28Z")

</div>


