# Display a loading spinner while waiting for fetched content

**URL:** <https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377>\
**Category:** Community Resources\
**Tags:** tutorial\
**Created:** [October 21, 2021, 1:28am UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377 "2021-10-21T01:28:15Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [October 21, 2021, 1:28am UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/1 "2021-10-21T01:28:15Z")

</div>

The Fetch Column is revolutionary—so many use cases. However, there can be a delay before the fetch content appears in the app. Here’s how you can display an animated spinner while you wait for the fetch!

https://www.loom.com/embed/1da291eac35d4178a3d34fe591665294?sid=110e8364-8965-4053-a789-aea4c8549866

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [October 21, 2021, 1:36am UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/2 "2021-10-21T01:36:15Z")

</div>

Ha! That’s smart! Thanks for the tip, love it.

In the location search app I made, I conditioned the visibility of the fetched content to the click of a button with “Search” as text in order to simulate a user-triggered search.

I find your solution more elegant and more reliable.

---

<div class="post-metadata">

**Author:** ![Dilon\_Perera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dilon_perera/32/85652_2.png) [@Dilon\_Perera](https://community.glideapps.com/u/Dilon_Perera)\
**Post date:** [October 21, 2021, 1:38am UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/3 "2021-10-21T01:38:19Z")

</div>

Thanks for the tutorial Robert 🤩

It was helpful for me 👍

---

<div class="post-metadata">

**Author:** ![Kyan\_Lynch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyan_lynch/32/28521_2.png) [@Kyan\_Lynch](https://community.glideapps.com/u/Kyan_Lynch)\
**Post date:** [October 21, 2021, 2:03pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/4 "2021-10-21T14:03:32Z")

</div>

This is awesome! Thanks so much!

Any ideas for how to do something similar while awaiting a URL construction? I’m using quickchart to generate a word cloud from user submitted words. I’d love for there to be a “loading” gif while the url is constructed and the image is generated.

My question isn’t how to create the “spinner” gif, but rather what value to use as the “if empty” visibility toggle.

---

<div class="post-metadata">

**Author:** ![garrison](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/garrison/32/22059_2.png) [@garrison](https://community.glideapps.com/u/garrison)\
**Post date:** [October 21, 2021, 2:32pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/5 "2021-10-21T14:32:40Z")

</div>

@Robert_Petitto - that’s so cool, thank you for sharing Robert!

By way of thank you I will send you some stylish animated gifs in that nice purple!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [October 21, 2021, 2:57pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/6 "2021-10-21T14:57:11Z")

</div>

Good question. If you were to visit the URL directly in a browser as QuickChart is generating the image, what would you see? An error page? If so, you might be able to use a experimental code column to return a value of true/false as to whether the URL is valid or not and if False, then display the spinner.

---

<div class="post-metadata">

**Author:** ![Kyan\_Lynch](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyan_lynch/32/28521_2.png) [@Kyan\_Lynch](https://community.glideapps.com/u/Kyan_Lynch)\
**Post date:** [October 21, 2021, 2:58pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/7 "2021-10-21T14:58:44Z")

</div>

No, it loads, just takes a second. I went back through some of these boards and saw a thread you started on quickchart, and saw the same thing happen for you. The image appears greyed out while it’s loading. I’d like it to look cleaner, even though it doesn’t take long. Have you solved the problem for yourself?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 21, 2021, 11:58pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/8 "2021-10-21T23:58:57Z")

</div>

Do we have a code in place to read the content of a URL and return something like a status code?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [October 21, 2021, 11:59pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/9 "2021-10-21T23:59:32Z")

</div>

I asked for that from David in his latest post.

---

<div class="post-metadata">

**Author:** ![realjoet](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/realjoet/32/55985_2.png) [@realjoet](https://community.glideapps.com/u/realjoet)\
**Post date:** [March 21, 2023, 12:52pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/10 "2023-03-21T12:52:47Z")

</div>

What about loading a GIF while waiting for Airtable data to populate? I built a system that would show the loading state if the data is empty but it looks like what’s happening is actually that the system knows there’s data from Airtable it’s just not receiving it fast enough so technically speaking it’s loading all of the forms and collections as if that data will be there even though visually it’s not actually present at the moment

Here’s a Loom overview to make it easy: [Loom | Free Screen & Video Recording Software | Loom](https://www.loom.com/share/0bf661416535429887f268e2b0ca3907)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [March 21, 2023, 1:59pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/11 "2023-03-21T13:59:04Z")

</div>

Does your collection have any filters that rely on computed columns?

---

<div class="post-metadata">

**Author:** ![realjoet](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/realjoet/32/55985_2.png) [@realjoet](https://community.glideapps.com/u/realjoet)\
**Post date:** [March 21, 2023, 5:36pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/12 "2023-03-21T17:36:19Z")

</div>

In Airtable, yes but in Glide, no. Some relations but not computed

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [March 21, 2023, 5:56pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/13 "2023-03-21T17:56:36Z")

</div>

Ok. I was just thinking that if a computed column was involved somewhere, maybe it was still computing before displaying on the screen. Not sure what the issue could be.

---

<div class="post-metadata">

**Author:** ![realjoet](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/realjoet/32/55985_2.png) [@realjoet](https://community.glideapps.com/u/realjoet)\
**Post date:** [March 21, 2023, 6:39pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/14 "2023-03-21T18:39:51Z")

</div>

Just lag time with data getting pulled from Airtable bc I have so much data getting pulled in

---

<div class="post-metadata">

**Author:** ![Let\_sBrand\_Today](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/let_sbrand_today/32/73338_2.png) [@Let\_sBrand\_Today](https://community.glideapps.com/u/Let_sBrand_Today)\
**Post date:** [March 19, 2024, 8:39pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/15 "2024-03-19T20:39:13Z")

</div>

I’m having the same issue when calling an image url from fetched JSON. I have the preloader gif set in a IFTTE column to conditionally show the fetched URL or the GIF URL based on the is not empty condition. But it doesn’t show. It instead just waits for the image URL to appear. Has anyone found a workaround?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 19, 2024, 11:15pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/16 "2024-03-19T23:15:53Z")

</div>

What column are you using to fetch the JSON? Probably the content of that column isn’t truly empty?

---

<div class="post-metadata">

**Author:** ![Bernd\_Grimm](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bernd_grimm/32/81073_2.png) [@Bernd\_Grimm](https://community.glideapps.com/u/Bernd_Grimm)\
**Post date:** [May 25, 2024, 7:53pm UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/17 "2024-05-25T19:53:14Z")

</div>

Hi Robert - is this video still available? Can get it…  
Thanks a lot!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 26, 2024, 1:11am UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/18 "2024-05-26T01:11:17Z")

</div>

Just updated the link for Robert since the old one expired. Can you check if it works now?

---

<div class="post-metadata">

**Author:** ![Bernd\_Grimm](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bernd_grimm/32/81073_2.png) [@Bernd\_Grimm](https://community.glideapps.com/u/Bernd_Grimm)\
**Post date:** [May 26, 2024, 6:18am UTC](https://community.glideapps.com/t/display-a-loading-spinner-while-waiting-for-fetched-content/33377/19 "2024-05-26T06:18:28Z")

</div>

perfect - thanks!
