# List in Card View - Loses Spacing

**URL:** <https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495>\
**Category:** Report a Bug\
**Created:** [March 19, 2021, 10:09am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495 "2021-03-19T10:09:06Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 10:09am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/1 "2021-03-19T10:09:06Z")

</div>

A lot of our apps use the beautiful card view for lists. Recently they have all started exhibiting strange behaviour when “initially loaded”. The cards lose their vertical spacing. If you navigate away, then return, the spacing appears correctly. This is being reported by several customers and we can also repeat quite easily. It seems as though it’s a timing issue when the list first gets loaded.

 ![Card Spacing Bug](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/a/9af24d69ac030947d6d6f4e87298ea3873331613.png)

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [March 19, 2021, 10:11am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/2 "2021-03-19T10:11:00Z")

</div>

I’ve seen the same behavior. I now have a button press set up to show/load the list after the app opens to prevent it.

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 10:14am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/3 "2021-03-19T10:14:11Z")

</div>

Hey @kyleheney I’m glad you’ve seen it - but not glad that it needs a reload to resolve ☹ I imagine it’s not a major one for the UI guys to look at. I’m not sure I’ve seen it reported elsewhere. Fingers crossed. That view is so beautiful I’d hate to compromise it.

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [March 19, 2021, 10:50am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/4 "2021-03-19T10:50:59Z")

</div>

For my use case, the button press makes sense so I don’t mind it. It’s almost as if the card view is _too_ good and takes longer than other views to load. On initial app load, it seems to stall and only properly loads when it’s the only thing left to load.

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 10:52am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/5 "2021-03-19T10:52:56Z")

</div>

Yes. I agree. That’s pretty much what I see. But I have no real way of adding a button press in my scenario without interrupting the “user flow”. May I ask what you’re doing in case I’m missing something?

---

<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 19, 2021, 12:00pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/6 "2021-03-19T12:00:43Z")

</div>

That card issue has been there a long time. Explained a couple of theories in this post:

> [@Display of bottom border stroke missing (non urgent)](https://community.glideapps.com/t/display-of-bottom-border-stroke-missing-non-urgent/22720/6):
>
> Yes, I have this same problem! In my main app, whenever I get to this screen, the cards are initially smashed together with no gap between them. Same as you, when I open a card and come back, then it straightens out and the gap comes back. In my calendar app, I have the same issue, but to a much more extreme level. They are much more cut off and actually overlay each other. Usually opening one of th…

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 12:09pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/7 "2021-03-19T12:09:06Z")

</div>

Absolutely @Jeff_Hager and apologies for missing that. Also I think your theory is probably correct, specifically:

> I also have a theory that the card’s height is being determined before all of the data content of the card has been loaded. So for example, the card may be loading as 50px with a 5px gap, but once the content is finished loading, the height of the card bumps up to 55px and the gaps don’t reflow to account for that. Not sure how to fix that, but I’m guessing that may be the issue.

I’ll bump this up to @Jason to see if it can be given a nudge up the list?

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [March 19, 2021, 12:15pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/8 "2021-03-19T12:15:46Z")

</div>

Same here

> [@Display of bottom border stroke missing (non urgent)](https://community.glideapps.com/t/display-of-bottom-border-stroke-missing-non-urgent/22720):
>
> Not urgent but does appear to be a bug Affecting - card layout Using - iPhone iOS 14.3 Issue - When opening a tab details/card layout the bottom border/stroke does not initially display. If I then open another tab and then go back the affected tab the bottom border/stroke appears I have recreated the layout, signed in/out, refreshed glide etc and tested this over a number of days but the bug remains. Also just noticed when I select the card element in glide you will see…

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 12:30pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/9 "2021-03-19T12:30:25Z")

</div>

Thanks also @Rosewebstudio - It’s interesting that you guys are not getting customer complaints? Maybe it’s because I use that card layout view a lot. I think it’s really flexible and makes the app look super modern and appealing. Perhaps Team Glide will look at it when they look at the other current “list funny”.

---

<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 19, 2021, 12:46pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/10 "2021-03-19T12:46:59Z")

</div>

I have two “customers” 😉 . They’re more concerned about the data. It’s me that’s more concerned with how it looks. I agree with you on using cards for the flexibility.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [March 19, 2021, 12:55pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/11 "2021-03-19T12:55:39Z")

</div>

A couple have mentioned it “Hey you have a bug” but I said I’m working on it. I’m sure glide team will address it when they have a moment, but probably have other bigger priorities right now… 😉

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 1:03pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/12 "2021-03-19T13:03:06Z")

</div>

Haha! That’s me told then!

For what it’s worth I really NEVER (touch some wood) seem to have data issues with Glide apps. In my experience they are rock solid which gives me great comfort as we develop purely for customers rather than internally. And often they share the app with their own clients.

But, because Glide is so pretty and because our customers love how beautiful the apps are, they tend to REALLY notice something “ugly” especially when they think it’s a simple fix. It’s more important to them than the data, which they take for granted as “it’ll just work”. And it can be awkward to say “yeah we’ll get around to fixing that”.

Feel my pain guys

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [March 19, 2021, 1:16pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/13 "2021-03-19T13:16:01Z")

</div>

😀

I feel your pain, trust me. Absolutely design matters and if things don’t look as they should it can bring in a element of having ‘a poor quality application’.

I’m very much a details person so things like this do niggle me but I have learn’t that in the scheme of things its probably not glides priority to fix it, yet.

If the app works and the data is correct then I’m happy.

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 1:21pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/14 "2021-03-19T13:21:47Z")

</div>

Yes. I get that. But when you try to explain to a lovely yoga lady, with about 80 clients using the app, it’s difficult. She says “_But Mark, this app is so beautiful and soulful. Why do the journal entries not always line up? It ruins the whole karma_”. And I keep saying “_Yup. We’ll fix that. Soon. And karma will be restored_”.

Just different priorities!!!

Ah well, we’re at the end of the week, so let’s see what Monday brings.

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [March 19, 2021, 1:32pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/15 "2021-03-19T13:32:12Z")

</div>

Yeah agree it need to be fixed to keep your yoga teacher and students (and you) happy. It looks bad when you say “I will fix that” but it doesn’t get fixed.

We all need good karma 👍

Fingers crossed 🤞 it gets fixed soon. If I notice any updates to this I will let you know immediately.

Enjoy your weekend…

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 1:33pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/16 "2021-03-19T13:33:13Z")

</div>

And you. Cheers.

---

<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 19, 2021, 1:49pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/17 "2021-03-19T13:49:58Z")

</div>

> [@V88](#):
>
> explain to a lovely yoga lady

You just need to explain that she needs to be more “flexible”. 😉

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 1:58pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/18 "2021-03-19T13:58:43Z")

</div>

That … @Jeff_Hager … is genius

I will be sure to let you know how I get on 🙂 May I refer her directly to you if I am unable to convey the message in an appropriate manner?

---

<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 19, 2021, 2:04pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/19 "2021-03-19T14:04:58Z")

</div>

Ha! Sure you can…but she might bend me over backwards if she doesn’t agree.

(\* Ok, I’ll stop with the puns now)

---

<div class="post-metadata">

**Author:** ![V88](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/v88/32/90054_2.png) [@V88](https://community.glideapps.com/u/V88)\
**Post date:** [March 19, 2021, 2:05pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/20 "2021-03-19T14:05:38Z")

</div>

You seem to have started the weekend already! Enjoy!

[Next page](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495.md?page=2)
