# 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:** 2

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

</div>

Hehe, I wish. Still got a full work day ahead of me. After that I will be sure to enjoy. You too!

---

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

</div>

That’s stretching it a bit far

---

<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, 3:44pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/23 "2021-03-19T15:44:34Z")

</div>

🤣

---

<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, 3:55pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/24 "2021-03-19T15:55:29Z")

</div>

This one’s definitely “got legs”

---

<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, 3:56pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/25 "2021-03-19T15:56:35Z")

</div>

@Jason surely we deserve a fix based on the sheer entertainment factor in this thread?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [March 19, 2021, 4:09pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/26 "2021-03-19T16:09:55Z")

</div>

> [@Rosewebstudio](#):
>
> I’m very much a details person

Really??  
I never would have guessed… 😝

---

<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, 4:18pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/27 "2021-03-19T16:18:48Z")

</div>

Don’t start… 👍

Hope you had a great week…Mr Murphy

---

<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:** [April 3, 2021, 8:44am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/28 "2021-04-03T08:44:49Z")

</div>

My yoga lady is now getting slightly stressed about this issue, which is very unlike her. It’s also been flagged as a bug by a customer with a property listings app. Any update or potential workaround? I really don’t want to “fall back” to a standard list if possible as they are bland in comparison.

---

<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:** [April 7, 2021, 9:59pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/29 "2021-04-07T21:59:18Z")

</div>

@Mark can you please tell me if this bug is at least logged somewhere. It’s causing me some issues this week. Appreciate it may not be top priority, but is an end in sight? Cheers.

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [April 8, 2021, 2:38pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/30 "2021-04-08T14:38:50Z")

</div>

Yes, we’re aware of the bug 😉

---

<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:** [April 8, 2021, 5:46pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/31 "2021-04-08T17:46:00Z")

</div>

Ok @eltintero. That’s reassuring thanks. Do you have any broad timeframe that I can convey to my users?

---

<div class="post-metadata">

**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\
**Post date:** [April 8, 2021, 6:40pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/32 "2021-04-08T18:40:14Z")

</div>

Nope, we don’t have a timeline for that. Sorry.

---

<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:** [April 8, 2021, 7:11pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/33 "2021-04-08T19:11:40Z")

</div>

That’s a shame. Are you aware of any workarounds I can use? I have one live customer and one in trial who are beginning to get frustrated.

---

<div class="post-metadata">

**Author:** ![alfonso\_ayala](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alfonso_ayala/32/10862_2.png) [@alfonso\_ayala](https://community.glideapps.com/u/alfonso_ayala)\
**Post date:** [April 8, 2021, 9:33pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/34 "2021-04-08T21:33:45Z")

</div>

maybe some css that can work to fix the bug eventually

---

<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:** [April 11, 2021, 6:36pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/35 "2021-04-11T18:36:48Z")

</div>

I’m wondering if anybody has ever tried an SVG image. I wonder if they would render almost instantly, which would prevent the card from resizing after the page and after image loads…losing the spacing.

I think it’s largely the avatar image that loads after the card size is determined when the page is rendered. That causes the card to resize again and messes up the spacing.

I’m not too familiar with SVG images, but it’s my understanding that they are code instead of binary images, so they may not need to be downloaded and cached the same way that other images are. Then again, I could be completely wrong, but it may be something to try.

---

<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:** [April 12, 2021, 8:34am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/36 "2021-04-12T08:34:44Z")

</div>

Hi @Jeff_Hager. I’ve tried this but to no avail. Several of our views don’t even use the avatar field and yet still exhibit the symptoms. Having said that you’ve made me think about the details field, which we often set as many lines as possible and utilise in a chat scenario (it works really well). In this case the variable length of the text will also require a recalc of the card dimensions I imagine. It’s a tricky one and perhaps I’m in the minority, but I use card view a lot and I’m getting negative feedback at the moment. It’s a shame.

---

<div class="post-metadata">

**Author:** ![Pedroydzito](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pedroydzito/32/85187_2.png) [@Pedroydzito](https://community.glideapps.com/u/Pedroydzito)\
**Post date:** [June 12, 2021, 9:25pm UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/37 "2021-06-12T21:25:24Z")

</div>

I’ve been having the same problem for about 5 months now. I’ve tried everything and nothing seems to work. I received some customer complaints about this bug, and I said that it would solve it, but so far I have no idea how to fix this spacing, which the first time is buggy, but if it leaves and comes back, it solves…  
Has anyone got anything?

---

<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:** [June 13, 2021, 4:16am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/38 "2021-06-13T04:16:31Z")

</div>

My best guess is that the page is rendered and spaced out before all of the images are loaded. I haven’t really played around with different scenarios, but in my experience I seem to run into it whenever I have cards with avatar images. I think the card size is rendered with the text, then the images load, which makes the cards bigger. Kind of wonder if it would help if the images were somehow precached and hidden prior to the list being displayed, but again, I haven’t really played around with 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:** [June 13, 2021, 6:38am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/39 "2021-06-13T06:38:41Z")

</div>

Alas there has been no update to fix this. It’s really frustrating and I also have customers asking me the same thing. @Mark is this at least on a bug fix list somewhere?

---

<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:** [June 13, 2021, 6:53am UTC](https://community.glideapps.com/t/list-in-card-view-loses-spacing/24495/40 "2021-06-13T06:53:33Z")

</div>

Could this be a topic for the next live coding session?  
@Jason @Mark

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

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