# Foreground / background for objects (listview, buttons etc)

**URL:** <https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962>\
**Category:** Questions about Thunkable X\
**Created:** [November 13, 2021, 7:17am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962 "2021-11-13T07:17:31Z")\
**Posts on this page:** 20\
**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:** [November 13, 2021, 7:17am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/1 "2021-11-13T07:17:31Z")

</div>

hi

I have a “Lw” listview on the screen and I created the time to choose a number one drop down list (with a button and a listview) which determines the content of this “Lw” listview  
unless you make it invisible the drop down list is not displayed above  
I want to make the scrolling of the “Lw” list view impossible as long as the drop down list is displayed  
if we had horizontal listview …

---

<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:** [November 13, 2021, 8:06am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/2 "2021-11-13T08:06:44Z")

</div>

Can you post a screenshot or sketch of what you mean?

---

<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 13, 2021, 10:42am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/3 "2021-11-13T10:42:39Z")

</div>

Will be difficult to visualize the issue you are describing without sharing the code or the project link.

---

<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:** [November 13, 2021, 11:31am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/4 "2021-11-13T11:31:30Z")

</div>

It’s a question of design i think so

---

<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 13, 2021, 11:49am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/5 "2021-11-13T11:49:11Z")

</div>

Are you looking for something like this?

> [@List View popup](https://community.thunkable.com/t/list-view-popup/1601545/4):
>
> 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

---

<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:** [November 13, 2021, 10:19pm UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/6 "2021-11-13T22:19:17Z")

</div>

this is what i get

 ![Capture d’écran 2021-11-13 à 23.13.02](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/7/5788e5ed71038a1f31a86579de38a84e315e2dde.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 14, 2021, 4:19am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/7 "2021-11-14T04:19:09Z")

</div>

Without proper explanation and copy of the code / settings or project link it is impossible to know what you want.

When you say

> [@bibbi](#):
>
> this is what i get

Do you mean, it worked?  
Or you mean it partially worked but not quite what I was expecting?  
Or you mean nothing is working?

---

<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:** [November 14, 2021, 6:06am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/8 "2021-11-14T06:06:18Z")

</div>

Please pay attention to my creation difficulties

in a few words I would like to continue to see the listview containing the letters but by deactivating it when I activate the listview containing the numbers

the first solution was to deactivate it by making it disappear but it is not very design

---

<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:** [November 14, 2021, 6:28am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/9 "2021-11-14T06:28:29Z")

</div>

Okay, so you want either the listview of letters OR the listview of numbers to appear?

---

<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:** [November 14, 2021, 7:07am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/10 "2021-11-14T07:07:55Z")

</div>

hi

what i would like ?  
when i activate the drop down list containing numbers i would like the drop down list appears above the list of letters

i try the solution given by muneer but my listview is not in a column

---

<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:** [November 14, 2021, 9:49am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/11 "2021-11-14T09:49:53Z")

</div>

hi

which listview must be in a group ? the popup listview ?

---

<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 14, 2021, 10:02am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/12 "2021-11-14T10:02:09Z")

</div>

The `List Viewer` that you want to appear and disappear needs to be in a column (if you are using StP UI) because the `List Viewer` does not have X and Y coordinates.

If you are using DnD UI then you can place the `List Viewer` any where you like without the `Group` component.

Hope this is clear.

---

<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:** [November 14, 2021, 11:38am UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/13 "2021-11-14T11:38:43Z")

</div>

i thought it was clearer but the listview contained in the pop up group is not displayed above

why are coordinates important for placing one object on top of another?

---

<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 14, 2021, 1:30pm UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/14 "2021-11-14T13:30:47Z")

</div>

Try this and let me know is this what you are trying to do as I’m not clear of what you are describing and there seems to be a problem of you sharing a link to a minimal project produces your issue.  
[https://x.thunkable.com/projectPage/61910c1b83576e0010c7fff3](https://x.thunkable.com/projectPage/61910c1b83576e0010c7fff3)

If this is not what you are trying to do then create a new project with a single screen and produce what you tried and explain what it is not doing.

---

<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:** [November 14, 2021, 6:22pm UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/15 "2021-11-14T18:22:32Z")

</div>

i tried but i failed

what I’m looking to do looks like what you offered me except that I use a button  
I put the listview that I want to see in a group and yet it does not work

[https://x.thunkable.com/copy/14cda8efc0dc2f796ac54b243f4a02c8](https://x.thunkable.com/copy/14cda8efc0dc2f796ac54b243f4a02c8)

I would like to understand what I am doing wrong to reproduce it in another application

---

<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 14, 2021, 7:30pm UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/16 "2021-11-14T19:30:39Z")

</div>

Hello,  
I changed the order of components in your example project.

Please test and let me know.  
[https://x.thunkable.com/projectPage/619162499051060011f017b3](https://x.thunkable.com/projectPage/619162499051060011f017b3)

---

<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:** [November 14, 2021, 8:10pm UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/17 "2021-11-14T20:10:11Z")

</div>

I did not understand when you say that you have changed the order of components

---

<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 14, 2021, 8:13pm UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/18 "2021-11-14T20:13:54Z")

</div>

First tell me if this worked for you or not.

If it didn’t work then no use to explain more. But if this works I can explain.

---

<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:** [November 14, 2021, 8:15pm UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/19 "2021-11-14T20:15:17Z")

</div>

yes, it works

---

<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 14, 2021, 8:19pm UTC](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962/20 "2021-11-14T20:19:54Z")

</div>

Your project has the list viewer and the group in this order  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/0/507ab3e2f81af08f8c0b349d417a69fcf2302c59.png)

I changed them to this order  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/b/0b20ef005929b6c78c954abb648c2f3507f8f741.png)

The component in the top of the list is shown over the component in the bottom of the list.

If this is clear please mark this post **solved** so others with similar issue benefit from it.

[Next page](https://community.thunkable.com/t/foreground-background-for-objects-listview-buttons-etc/1612962.md?page=2)
