# Image loading circle / Image box placeholders

**URL:** https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022
**Category:** Feature Requests
**Created:** [October 9, 2019, 12:33am UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022 "2019-10-09T00:33:12Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [October 9, 2019, 12:33am UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/1 "2019-10-09T00:33:12Z")

</div>

@david, @mark, @jack, Is there any way for you to turn off the loading circles and image placeholders that load just before the actual assets do?

I understand the concept of alerting users to wait for something that’s loading however I feel it really detracts from the experience seeing those loading icons given how fast the platform already loads.

If there is no way to turn them off or give creators the option to then could you hide the app behind the initial app load screen until the load on the images (if you have any) on the first page is complete?

Think it would be a big improvement!

Would love to hear your thoughts on the topic.

---

<div class="post-metadata">

### Author: ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)
#### Post date: [October 9, 2019, 1:41am UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/2 "2019-10-09T01:41:05Z")

</div>

An option to turn them off would be ok, but just an FYI that when you have 6 months of calendar data that amounts to about 400 rows it does take a bit of time for it to load when first opening the app. So in my app I do like to see it for the 3 or 6 seconds it can take. I have however seen it spinning for a lot longer. Long enough for me to get impatient and just kill the app and reload it. It usually happens if I had the app open and then switched away from it for an extended period of time. When I bring it back to the forefront it seems to hang on that calendar page. I will say I probably have never waited more that about 30 seconds before I gave up and just reloaded it. Android phone BTW.

---

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [October 9, 2019, 1:45am UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/3 "2019-10-09T01:45:35Z")

</div>

Fair enough. I just think it’s very ugly looking tbh and doesn’t fit with the polished nature of the rest of the platform. They should also consider upgrading the loading assets if they can’t a. Give the option to remove them or b. allow for the initial splash screen to hide them until they are fully loaded.

---

<div class="post-metadata">

### Author: ![George\_B](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/george_b/32/534_2.png) [@George\_B](https://community.glideapps.com/u/George_B)
#### Post date: [October 9, 2019, 1:59am UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/4 "2019-10-09T01:59:22Z")

</div>

I don’t think it’s that ugly, but I understand how someone would. I would hope that the underlying code would page load and not load the entire list. I suspect however that that may not be the case. I have run through complete tutorials with both React Native and Flutter which are two popular native mobile app development tools. I do remember a lesson, I think it may have been Flutter (a Google product) that had built in pagination in the control. The list widget was smart enough to figure out how much data would fit on a few screens, pull it out of the database and display it. It was lighting fast even if the database was huge, because it was only pulling in a small chunk of data. In the background, when the app was idle, it would load more in some kind of cache, and paging through a long list was pretty damn fast.

---

<div class="post-metadata">

### Author: ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)
#### Post date: [October 9, 2019, 7:10pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/5 "2019-10-09T19:10:28Z")

</div>

I just want to add my two cents here about the loading/splash screen. On mobile, I’m not getting the intended background on load. On desktop, while the app is loading assets we get the nice solid theme color filling the screen with our logo. However, on both iOS 13.1.2 and Android 8.0 mobile, I don’t get the theme-colored background and logo. Instead, I get about 6 sec of white without any indicators and then a couple seconds of the loading circles before the assets load. See video clips below illustrating the issue:

[View issue on iOS](https://youtu.be/Yb4MtlYrJaA)

[View issue on Android](https://youtu.be/gV-CdCIiWd0)

Ideally, it would be awesome to have the theme color and logo display across both desktop and mobile and just have a single loading icon that spins near the bottom to indicate to the user that assets are loading. I would love to hear what others are experiencing and what they think? Thx

---

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [October 9, 2019, 7:56pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/6 "2019-10-09T19:56:01Z")

</div>

I experience the blank white screen and then loading circles intermittently as well. I’m on Android. If I completely close the app by swiping away and re-opening it usually solves the problem but it does happen more often then I would like.

What are your thoughts on just keeping the splash screen up until all assets are loaded in the background; never seeing a loading indicator.

Or having a much better loading indicator asset that there is only one of and is justified dead center of the screen.

---

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [October 9, 2019, 7:57pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/7 "2019-10-09T19:57:37Z")

</div>

For the extra second that they are on the screen I dont see any point for those loading circles.

---

<div class="post-metadata">

### Author: ![JackVaughan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jackvaughan/32/49023_2.png) [@JackVaughan](https://community.glideapps.com/u/JackVaughan)
#### Post date: [October 9, 2019, 8:33pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/8 "2019-10-09T20:33:00Z")

</div>

Thanks @gannonatwork and @JWhiteside. I will pass this feedback on. Makes sense.

---

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [October 9, 2019, 9:31pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/9 "2019-10-09T21:31:38Z")

</div>

Thanks Jack!

---

<div class="post-metadata">

### Author: ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)
#### Post date: [October 12, 2019, 1:13am UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/10 "2019-10-12T01:13:17Z")

</div>

@JackVaughan @JWhiteside  
I was envisioning something like this. A clean, simple design that uses brand colors and icon but clearly indicates the app is loading.

 ![mh-loading-screen-comp](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/1X/3ee4d807acc215bb802e79e9ab3ffb48cb84ade6.png)

---

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [October 12, 2019, 12:43pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/11 "2019-10-12T12:43:56Z")

</div>

Looks awesome! Should we still have the app name at the bottom?

---

<div class="post-metadata">

### Author: ![JackVaughan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jackvaughan/32/49023_2.png) [@JackVaughan](https://community.glideapps.com/u/JackVaughan)
#### Post date: [October 12, 2019, 5:02pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/12 "2019-10-12T17:02:41Z")

</div>

Thanks for suggestion @gannonatwork, have passed this on to design.

---

<div class="post-metadata">

### Author: ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)
#### Post date: [November 13, 2019, 4:34pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/13 "2019-11-13T16:34:05Z")

</div>

@JackVaughan  
Jack, I know you guys are working a mile a minute, but any word back from the design team re: the possibility of deploying some sort of load screen like we talked about earlier? We’re set to launch our app at the end of the year and it would be great to include an improved loading screen. 😉 Thx!

@JWhiteside  
FYI, I added in the app name like you suggested and also have the loading icon and text matching the status bar color.

 ![mh-loading-screen-comp](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9de0377d8041898a12a2817150fdde6616f2cd21.png)

---

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [November 13, 2019, 4:47pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/14 "2019-11-13T16:47:09Z")

</div>

@gannonatwork Awesome! Wondering if it makes sense to keep the text the way it is at the bottom though. Currently all major web apps look like this. Twitter, Triviago, etc. Continuity is king. Thoughts?

---

<div class="post-metadata">

### Author: ![JackVaughan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jackvaughan/32/49023_2.png) [@JackVaughan](https://community.glideapps.com/u/JackVaughan)
#### Post date: [November 14, 2019, 7:48am UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/15 "2019-11-14T07:48:49Z")

</div>

Gannon, totally understand. I’ll message everyone now about it and see if I can get a response to you later today. Thanks again for the input.

---

<div class="post-metadata">

### Author: ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)
#### Post date: [November 14, 2019, 12:43pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/16 "2019-11-14T12:43:42Z")

</div>

@JackVaughan  
That would awesome; I appreciate it. Thx

---

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [November 14, 2019, 12:50pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/17 "2019-11-14T12:50:03Z")

</div>

I like the change of the loading indicator color to be congruent with the rest of the coloring of the load screen. Nice attention to detail.

---

<div class="post-metadata">

### Author: ![gannonatwork](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gannonatwork/32/91717_2.png) [@gannonatwork](https://community.glideapps.com/u/gannonatwork)
#### Post date: [November 14, 2019, 12:59pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/18 "2019-11-14T12:59:02Z")

</div>

@JWhiteside  
Sorry I didn’t get back to you yesterday…busy day. I’m not sure I understand what you mean by _keep the text the way it is at the bottom_—when Glide apps open up in a browser with the load screen there isn’t any text at the bottom? When launching Twitter for example, the only things that displays for about a second is the TW logo, no text.

---

<div class="post-metadata">

### Author: ![JWhiteside](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwhiteside/32/510_2.png) [@JWhiteside](https://community.glideapps.com/u/JWhiteside)
#### Post date: [November 14, 2019, 4:13pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/19 "2019-11-14T16:13:45Z")

</div>

I’m thinking more for mobile sorry. When you open any given web app I have ever seen on a phone it shows the apps title at the bottom of the screen in some generic text in addition to the logo. Whereas you have augmented the text on the load screen to be just under the logo, a different font then normally shows up with the web apps and bold font as opposed to regular.

---

<div class="post-metadata">

### Author: ![JackVaughan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jackvaughan/32/49023_2.png) [@JackVaughan](https://community.glideapps.com/u/JackVaughan)
#### Post date: [November 14, 2019, 4:17pm UTC](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022/20 "2019-11-14T16:17:06Z")

</div>

@gannonatwork we have suggested this a couple of times at our planning sessions but unfortunately it hasn’t yet made it. I mentioned it to everyone just now and we are keen to do it. I just can’t say when.

[Next page](https://community.glideapps.com/t/image-loading-circle-image-box-placeholders/1022.md?page=2)
