# Image Tags are inconsistent

**URL:** https://community.glideapps.com/t/image-tags-are-inconsistent/8627
**Category:** Ask for Help
**Created:** [May 7, 2020, 4:43am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627 "2020-05-07T04:43:33Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [May 7, 2020, 4:43am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/1 "2020-05-07T04:43:33Z")

</div>

I use the upper left Tile Image Tags to display certain information about a particular row of data (content). But lately I’ve noticed that the size of font and (worse) the amount of the displayed text is so inconsistent that it makes those tags hard to use.

I have relatively short Tags now being truncated with three dots […] cutting off some important information for my users, whereas other much longer strings of data are still being displayed just fine… albeit with a much smaller font. I’d prefer that nothing be truncated, even if that means a much smaller font, but I find it odd that now I’m getting text truncated with just one or two words in the tag. Are you guys working through something, or should we expect tags to behave like this going forward?

---

<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: [May 7, 2020, 11:33pm UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/2 "2020-05-07T23:33:58Z")

</div>

I’ve never noticed different font sizes for the tags. What size tiles do you have? Do you have a screenshot? I’m curious.

---

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [May 7, 2020, 11:46pm UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/3 "2020-05-07T23:46:22Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/25227a72783f0074a9f9549aad57e4e36518591c.jpeg) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/c/c6af48d21c33881240d50fc79769102d006f9bc6.jpeg) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/5/58fc44a288d6666b73414f23d8a8ee7954f95908.jpeg) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/0/05d1870af18daa4b2340997d243f5696b48d5324.jpeg) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/8/8f8b6ef74c5df3ee3932f8bf44ae7a1e2ea56ad2.jpeg)

---

<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: [May 7, 2020, 11:48pm UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/4 "2020-05-07T23:48:02Z")

</div>

What it is is that the tags are not proportional to the size of the tile/image. A full screen image tag uses the same dimensions as the 2-col tiles/cards. It’s an optical illusion that makes the tag appear smaller (I think) and it IS a bit disappointing.

Also, captions on images need gradients. There…I said it.

---

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [May 7, 2020, 11:48pm UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/5 "2020-05-07T23:48:20Z")

</div>

So like the first image… why does A Gray Divide have three dots after it?? Whereas a tag like Stick: The Skinny Hitman [3] is full. There isn’t even any text following A Gray Divide. That’s the full title.

---

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [May 7, 2020, 11:51pm UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/6 "2020-05-07T23:51:02Z")

</div>

No take a look at the differences in these Tags. They are indeed different font sizes. Take a look at Until Like X [2] just to the right of A Double Negative [7]. Totally different sizes. Or “A Gray Divide…” to the left of Ulfis Otrinne: Sacrifice [11] +4 More Today… which is smaller in font size. Not to mention way longer and displaying the full text whereas A Gray Divide has three dots for truncation.

@Mark? Any insight?

---

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [May 7, 2020, 11:56pm UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/7 "2020-05-07T23:56:38Z")

</div>

It’s all just terribly inconsistent. Some long, some short. Some bigger font, some smaller. Some truncated with dots, some not. I’ve been resisting placing this info from Cloudinary to save on Cloudinary credits, and love the instant labeling in glide without image processing, but this makes it hard for my use case, I think.

---

<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: [May 7, 2020, 11:56pm UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/8 "2020-05-07T23:56:50Z")

</div>

That’s weird. I’ve never noticed that before. Haven’t used tags too much either. Could it have something to do with different image dimensions and the tag being applied to the image before the image is resized to fit the tile? Just a thought.

---

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [May 8, 2020, 12:00am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/9 "2020-05-08T00:00:06Z")

</div>

No, because every image in that Tile-set is the exact same dimensions. I process it all with Cloudinary so these are all 2:3 images of the exact same pixel size and quality… regardless of what the user uploads. I constrain and letterbox the images if they’re wider than 2:3, all those pages of text are images processed from Cloudinary so they’re no different than the image content as far as the Inline List component is concerned.

---

<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: [May 8, 2020, 12:02am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/10 "2020-05-08T00:02:33Z")

</div>

Mmm. Maybe Mark will have an answer.

---

<div class="post-metadata">

### Author: ![Jason](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason/32/14_2.png) [@Jason](https://community.glideapps.com/u/Jason)
#### Post date: [May 8, 2020, 1:20am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/11 "2020-05-08T01:20:11Z")

</div>

I’m looking into it

---

<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: [May 8, 2020, 1:27am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/12 "2020-05-08T01:27:36Z")

</div>

While you’re looking can you also make them (and avatars/captions) clearer and easier to read?

> [@Clearer captions on images](https://community.glideapps.com/t/clearer-captions-on-images/7453):
>
> Not really a bug, but its REALLY hard to read the caption on light images. Can the text be bigger and include the gradient underlay like tiles and titles?

---

<div class="post-metadata">

### Author: ![Jason](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason/32/14_2.png) [@Jason](https://community.glideapps.com/u/Jason)
#### Post date: [May 8, 2020, 1:28am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/13 "2020-05-08T01:28:23Z")

</div>

I have raised it with design

---

<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: [May 8, 2020, 1:28am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/14 "2020-05-08T01:28:38Z")

</div>

🙌

---

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [May 8, 2020, 4:22am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/15 "2020-05-08T04:22:59Z")

</div>

To be clear @Jason, the issue to me is not so much the different font sizes for longer or shorter strings of text… it’s the fact that some text is getting truncated with those three dots. Some of them with not even with much text compared to much longer strings that aren’t being truncated at all.

---

<div class="post-metadata">

### Author: ![Jason](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jason/32/14_2.png) [@Jason](https://community.glideapps.com/u/Jason)
#### Post date: [May 8, 2020, 4:45am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/16 "2020-05-08T04:45:45Z")

</div>

Found the bug. It’s caused by a rendering error in safaris handling of all-small-caps. It will roll out on a future release.

---

<div class="post-metadata">

### Author: ![John\_Cabrera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/john_cabrera/32/2066_2.png) [@John\_Cabrera](https://community.glideapps.com/u/John_Cabrera)
#### Post date: [May 8, 2020, 5:29am UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/17 "2020-05-08T05:29:12Z")

</div>

Ah, that make sense, because the three dots weren’t rendering when visiting on my windows desktop.

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [January 12, 2024, 3:45pm UTC](https://community.glideapps.com/t/image-tags-are-inconsistent/8627/18 "2024-01-12T15:45:35Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
