# How to completely overlay a column on another?

**URL:** https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490
**Category:** Questions about Thunkable X
**Created:** [April 5, 2020, 3:41am UTC](https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490 "2020-04-05T03:41:31Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [April 5, 2020, 3:41am UTC](https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490/1 "2020-04-05T03:41:32Z")

</div>

Hi 👋

I have one column (height - fill parent), which would load contents inside it from Airtable - definitely they will take some amount of time, so I want to display a loading icon there.  
Rather than showing it below/above the column, I would like to overlay the main column with another column, and the _another_ column would have some transparent value of white, so user can see what’s happening behind too.

And when the whole thing loads, I would hide the overlaying column. Is this possible?  
Thanks in advance! 😊

---

<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: [April 5, 2020, 4:05am UTC](https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490/2 "2020-04-05T04:05:15Z")

</div>

> [@kartik14](#):
>
> I would hide the overlaying column. Is this possible?  
> Thanks in advance! 😊

you could use absolute positioning with a z-index of 0. but i know you asked about this earlier. would you like an example?

---

<div class="post-metadata">

### Author: ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)
#### Post date: [April 5, 2020, 5:57am UTC](https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490/3 "2020-04-05T05:57:30Z")

</div>

Thanks, @jared! 😺

I would love to have an example representing my problem 🙂

Thanks! 😊

---

<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: [April 5, 2020, 5:31pm UTC](https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490/4 "2020-04-05T17:31:37Z")

</div>

Here is an example. If you would like me to walk through the steps, I can do that sometime tomorrow. Otherwise, it’s a blog post that will be up in the next week or two 🙂

[Thunkable](https://x.thunkable.com/copy/030fb063e94629e0a2ec37066d87edbd)

In this example, the logo at the top is actually a button positioned in a row. With another row positioned on top of that. Those rows are fixed at the top of the screen and everything else flows under them as the screen fills with up to 5 charts.

---

<div class="post-metadata">

### Author: ![secondharitcdml](https://avatars.discourse-cdn.com/v4/letter/s/aca169/32.png) [@secondharitcdml](https://community.thunkable.com/u/secondharitcdml)
#### Post date: [October 20, 2020, 7:14am UTC](https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490/5 "2020-10-20T07:14:01Z")

</div>

Thank you Jared! I used the Z-Index without required result and your illustration of the absolute positioning addressed my requirement perfectly!

---

<div class="post-metadata">

### Author: ![chriegel](https://avatars.discourse-cdn.com/v4/letter/c/e95f7d/32.png) [@chriegel](https://community.thunkable.com/u/chriegel)
#### Post date: [October 5, 2021, 7:20pm UTC](https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490/6 "2021-10-05T19:20:54Z")

</div>

Hey, can you send this project again? I can’t open the example 🙂  
Thanks, Chriegel

---

<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, 11:39am UTC](https://community.thunkable.com/t/how-to-completely-overlay-a-column-on-another/556490/7 "2024-11-08T11:39:21Z")

</div>


