# New Avatar generated images display with sharp corners in a cards layout with round edge settings - in production even though GDE shows them properly

**URL:** <https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638>\
**Category:** Report a Bug\
**Created:** [September 11, 2020, 1:13pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638 "2020-09-11T13:13:08Z")\
**Posts on this page:** 19\
**Page:** 2

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 11, 2020, 6:51pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/21 "2020-09-11T18:51:48Z")

</div>

I have seen it referred to as “default avatar” with “generate image column” so it got stuck in my head that way.

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 11, 2020, 9:28pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/22 "2020-09-11T21:28:48Z")

</div>

Yes, this is a big step toward not having empty cards and tiles!!! 🥰 🥰 🥰

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 11, 2020, 9:59pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/23 "2020-09-11T21:59:02Z")

</div>

@Jeff_Hager Thank you for sharing [adorable.io](http://adorable.io) with me, I really like the style of the avatar example on their site. I don’t mean to burden you and of course willing to sort it myself, but do you know how you actually use that site with Glide? I can’t for the life of me find anything on their page about using their service. Just the “try it out” which shows the example! Is it possible to use their service to generate unique avatars for users within Glide?

---

<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:** [September 11, 2020, 10:12pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/24 "2020-09-11T22:12:38Z")

</div>

There is a lot of info in the post I shared above. I can’t take any credit for what the others found and shared.

But it’s my understanding that you would simply create a template column that joins the first part of the url `https://api.adorable.io/avatars/285/` with any column value you want to use as your unique seed value. RowID would be good in this case. So if you combined the 2 parts in a template, then you get the image url.

Example:

`https://api.adorable.io/avatars/285/K1EG0jRJR0K0OHbz4OFcZQ` gives you this:  
 ![K1EG0jRJR0K0OHbz4OFcZQ](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/61803e238d8e5fc8487018623f548ee531e6b653.png)

`https://api.adorable.io/avatars/285/jeff_hager` gives you this:  
 ![jeff_hager](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/695a148c297b957097bb78b10c29828e30747536.png)

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 11, 2020, 10:13pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/25 "2020-09-11T22:13:57Z")

</div>

I looked at Robert’s post but maybe I didn’t understand or maybe I missed something. I will review it again! Thank you Jeff - your instruction about the template column is very helpful to get me started!

---

<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:** [September 11, 2020, 10:17pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/26 "2020-09-11T22:17:31Z")

</div>

It’s a very similar concept used here:

> [@Scriptum - Your daily journal](https://community.glideapps.com/t/scriptum-your-daily-journal/15618):
>
> Hello Gliders, I’m back! After MANY months without building anything public, yesterday I started and finished a small project and I’m really glad to share something with this community again. Brazil is dealing with this pandemic and many people are anxious and scared, so I thought that I could create a small app to use it as a journal during this difficult time. As always, whenever I built something for me, I also think if it might benefit other people, so I decided to remodel my datasheet and…

And it’s similar with how you can used Cloudinary for customizing images on the fly.

---

<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:** [September 11, 2020, 10:30pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/27 "2020-09-11T22:30:28Z")

</div>

@Lucas_Pires I played with this a little more in the Production environment. Something seems off there. I could add the Generate Images column, but it wouldn’t show anything with the ‘From’ set, unless I then change the ‘Generate’ type. But clicking Done didn’t make it stick. It created the column, but without images. Something seems to be wrong there. No problems in staging though.

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 30, 2020, 1:03pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/28 "2020-09-30T13:03:05Z")

</div>

@Jason Will these issues be resolved soon please? There is now another issue (newly discovered anyway) - in tiles layout using generated image the corners are correct but the title doesn’t show on some of the tiles. Every which way I turn to find an interim solution, there isn’t one. Unfortunately I jumped on this feature the minute you released it and we’re 19 days into the bugs so I’m really hoping for these issues to be prioritized on your long list. Let me know if I can help. Here is a recap of the issues:

1. Image component does not contain the generated image in any of the sizes. Importantly, when you fix this, please ensure that we can still select 1:1 setting for image component and perhaps you code the generated image to show as a square or other…what I don’t want is to lose the 1:1 option amidst the solution. Right now when set to 1:1, the generated image runs the length of the tab x3.

2. Cards layout with rounded edges, using generated image, show with sharp upper corners in production.

3. Titles with rounded edges show properly but sometimes don’t show their title. See second tile in generated image below.

_ **Please preserve the dynamic nature of the images if possible. I hope the solution isn’t to make them static!** _

 ![IMG_0897.PNG](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/44cd28ef5074d1144d517be8d140e752b1880e31.jpeg)

🙃 🙏 😊

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [September 30, 2020, 4:19pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/29 "2020-09-30T16:19:00Z")

</div>

@Deena your app is looking so amazing 🤩

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 30, 2020, 5:14pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/30 "2020-09-30T17:14:22Z")

</div>

Thank you Lucas - I have a long way to go but I’m really inspired by your designs (especially the salon app you posted about a long time ago). 🥰 I’ve looked at your Ritual app a lot. Going to check out the chat now!

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [September 30, 2020, 5:16pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/31 "2020-09-30T17:16:17Z")

</div>

Appreciate 😍 Some tricks we can do simply with images, as in _Sallon Beauty_ as you saw there

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 30, 2020, 5:17pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/32 "2020-09-30T17:17:09Z")

</div>

Yeah, really just STUNNING.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [September 30, 2020, 5:19pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/33 "2020-09-30T17:19:34Z")

</div>

Thanks!!

Btw I gotta update it 🤔 when I did it I didn’t know how to set everything for availability feature and let people book.

---

<div class="post-metadata">

**Author:** ![Deena](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/deena/32/9877_2.png) [@Deena](https://community.glideapps.com/u/Deena)\
**Post date:** [September 30, 2020, 5:48pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/34 "2020-09-30T17:48:21Z")

</div>

Yes, booking in salon app might be a critical feature. 😁 🤣 😇

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [September 30, 2020, 5:54pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/35 "2020-09-30T17:54:49Z")

</div>

Totally 😰

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [December 31, 2020, 1:40am UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/36 "2020-12-31T01:40:49Z")

</div>

@Mark

Um… inline list with card style

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/d/ad782f67deab013d1977c8601f3ed9eb3ab63382.png)

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [December 31, 2020, 4:25pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/37 "2020-12-31T16:25:31Z")

</div>

This is a know bug involving generated images.

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [December 31, 2020, 4:38pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/38 "2020-12-31T16:38:25Z")

</div>

Yeah, only reporting about Avatar too

---

<div class="post-metadata">

**Author:** ![Darren\_Alderman](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_alderman/32/66660_2.png) [@Darren\_Alderman](https://community.glideapps.com/u/Darren_Alderman)\
**Post date:** [January 28, 2021, 4:16pm UTC](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638/39 "2021-01-28T16:16:10Z")

</div>

+1  
Generated Image in Card Avatar is not maintaining styling of small circle.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/a/ea16a4ab119a6bfc94d0fedc383b73dc9ed9b975.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/5/85c7ac30b20655eb33bf9dbf27f58f08f54f3ea7.png)

[Previous page](https://community.glideapps.com/t/new-avatar-generated-images-display-with-sharp-corners-in-a-cards-layout-with-round-edge-settings-in-production-even-though-gde-shows-them-properly/15638.md?page=1)
