# Is there any way to get the loading icon to appear on top of the existing page content?

**URL:** <https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917>\
**Category:** Questions about Thunkable X\
**Created:** [April 23, 2021, 6:26pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917 "2021-04-23T18:26:28Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![thunkablest5dru](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@thunkablest5dru](https://community.thunkable.com/u/thunkablest5dru)\
**Post date:** [April 23, 2021, 6:26pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/1 "2021-04-23T18:26:28Z")

</div>

I am trying to use the loading icon on my screen which has a bargraph on it.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/e/aee9d7cb9c17c6790422b84737074aae58330f24.png)  
(It doesn’t look this squashed up on the phone)

When I refresh the bar data I would like to display the loading icon over the whole thing but I only seem to be able to get it to appear in one of the narrow columns.

Any ideas?

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [April 23, 2021, 7:17pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/2 "2021-04-23T19:17:43Z")

</div>

You can change the order of items on the side bar (see the image). Just drag the loading icon to the top. Components higher up on the list will be shown on top of components below them. ![Screenshot 2021-04-23 151558](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/4/c4cefdfcd30c6d66099b13c8e611143087e7e2a7.png)

Hope this helps!

---

<div class="post-metadata">

**Author:** ![thunkablest5dru](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@thunkablest5dru](https://community.thunkable.com/u/thunkablest5dru)\
**Post date:** [April 23, 2021, 7:55pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/3 "2021-04-23T19:55:50Z")

</div>

@cyberdriver thanks for getting back to me. Unfortunately, when I said “on top of” I meant in the z plane.

I want it to partially cover the graph bars while it is updating them, like this:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/a/dad97dcee047f438b51ace2857cce7b0985deb1c.png)

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [April 23, 2021, 9:15pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/4 "2021-04-23T21:15:29Z")

</div>

Yes. Try what I said in my previous post. It is for putting items above others, or as you said, moving them on the z-axis

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [April 23, 2021, 9:32pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/5 "2021-04-23T21:32:01Z")

</div>

Btw, this is if you are using the new UI. If you are on the legacy UI, then it is the opposite - drag the loading icon to the bottom of the components on the screen. Sorry for the confusion; posting more screenshots shortly.

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [April 23, 2021, 9:37pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/6 "2021-04-23T21:37:11Z")

</div>

Hi @thunkablest5dru,

 ![Screenshot 2021-04-23 173304](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/1/b1a5293446bf0dab42be7db0e33244dfde70f124.png)

Notice that in the list, the loading icon is above the button, and it is not visible.

 ![Screenshot 2021-04-23 173438](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/6/366ee91c62caadd5128103eec62c6abbc3ccba7c.png)  
In this image the loading icon is below the button and the loading icon is visible.

I hope this is less confusing!

---

<div class="post-metadata">

**Author:** ![thunkablest5dru](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@thunkablest5dru](https://community.thunkable.com/u/thunkablest5dru)\
**Post date:** [April 23, 2021, 9:38pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/7 "2021-04-23T21:38:22Z")

</div>

It doesn’t want to overlay it which ever end I put it ☹

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/9/193edf25eb3b07c35e295204d37a1003f3f5b977.png)

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

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [April 23, 2021, 9:39pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/8 "2021-04-23T21:39:38Z")

</div>

Oh, I see the issue now.

Did you try setting an absolute value for the positioning for the loading icon?

Sorry about that. I guess I didn’t quite understand you question at first.

---

<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:** [April 24, 2021, 9:45am UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/9 "2021-04-24T09:45:50Z")

</div>

If you set any object in the screen with absolute position then the visible property will not work. You cannot hide it. This is a known bug.

---

<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 24, 2021, 10:09am UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/10 "2021-04-24T10:09:43Z")

</div>

How are these charts made?

---

<div class="post-metadata">

**Author:** ![thunkablest5dru](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@thunkablest5dru](https://community.thunkable.com/u/thunkablest5dru)\
**Post date:** [April 24, 2021, 12:58pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/11 "2021-04-24T12:58:20Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/e/be6658b0391f2c8365b4f127c2cdf2535bdc83b7.png)  
I have created a series of columns each with two images inside. I set the height of the image to the size of the graph I want to display and 0 if I don’t want to show that colour. Orange always shows on top of Green.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/5/95407d057ab012c74b16aa2cc2f66ff5a09a8195.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/6/86b92007a27dd977184f7807d265add60f931622.png)

---

<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 24, 2021, 2:03pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/12 "2021-04-24T14:03:55Z")

</div>

That’s a neat solution! Have you considered incorporating c3 or ChartJS or quickchart to have a more customizable/flexible charting solution

---

<div class="post-metadata">

**Author:** ![thunkablest5dru](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@thunkablest5dru](https://community.thunkable.com/u/thunkablest5dru)\
**Post date:** [April 24, 2021, 2:17pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/13 "2021-04-24T14:17:52Z")

</div>

@jared I’ve never heard of them 🤪 . I’ll have a look but not sure how to incorporate them in a thunkable app.

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [April 24, 2021, 2:27pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/14 "2021-04-24T14:27:23Z")

</div>

Wow, that’s really cool! Did you figure out the loading icon issue?

---

<div class="post-metadata">

**Author:** ![thunkablest5dru](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@thunkablest5dru](https://community.thunkable.com/u/thunkablest5dru)\
**Post date:** [April 24, 2021, 2:33pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/15 "2021-04-24T14:33:23Z")

</div>

@cyberdriver unfortunately not ☹. I may come back to it later.

---

<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 24, 2021, 3:05pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/16 "2021-04-24T15:05:51Z")

</div>

> [@thunkablest5dru](#):
>
> [jared](https://community.thunkable.com/u/jared) I’ve never heard of them 🤪 . I’ll have a look but not sure how to incorporate them in a thunkab

> [@Creation Of Pie Chart](https://community.thunkable.com/t/creation-of-pie-chart/1233999/5):
>

---

<div class="post-metadata">

**Author:** ![thunkablest5dru](https://avatars.discourse-cdn.com/v4/letter/t/97f17d/32.png) [@thunkablest5dru](https://community.thunkable.com/u/thunkablest5dru)\
**Post date:** [April 24, 2021, 5:42pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/17 "2021-04-24T17:42:19Z")

</div>

I may give that a try. It also might work with the loading icon.

---

<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:22pm UTC](https://community.thunkable.com/t/is-there-any-way-to-get-the-loading-icon-to-appear-on-top-of-the-existing-page-content/1241917/18 "2024-11-08T13:22:56Z")

</div>


