# Tag Colour in Tiles Layout

**URL:** <https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415>\
**Category:** Ask for Help\
**Created:** [October 21, 2020, 5:01pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415 "2020-10-21T17:01:55Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manuel\_Rodriguez\_do](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manuel_rodriguez_do/32/16448_2.png) [@Manuel\_Rodriguez\_do](https://community.glideapps.com/u/Manuel_Rodriguez_do)\
**Post date:** [October 21, 2020, 5:01pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/1 "2020-10-21T17:01:55Z")

</div>

In Tiles Layout is it to change Tag colours? For example, having a different colour for each category

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [October 21, 2020, 5:20pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/2 "2020-10-21T17:20:19Z")

</div>

I think your tag color is the same color as your theme color. To change your tag color, change your theme color.

---

<div class="post-metadata">

**Author:** ![Manuel\_Rodriguez\_do](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manuel_rodriguez_do/32/16448_2.png) [@Manuel\_Rodriguez\_do](https://community.glideapps.com/u/Manuel_Rodriguez_do)\
**Post date:** [October 22, 2020, 9:45am UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/3 "2020-10-22T09:45:01Z")

</div>

I know that the tag color is the same as the theme color. I wanted to know if there is some workaround to have different colours within tags.  
For example you have 3 Tag categories: Open, Closed, Processing.  
And Open would be Orange, Closed would be Green and Processing would be blue

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 22, 2020, 9:53am UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/4 "2020-10-22T09:53:27Z")

</div>

I think the better approach is to have a color code image for avatar and the actual tag text as the avatar text, in a cards layout.

---

<div class="post-metadata">

**Author:** ![Manuel\_Rodriguez\_do](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manuel_rodriguez_do/32/16448_2.png) [@Manuel\_Rodriguez\_do](https://community.glideapps.com/u/Manuel_Rodriguez_do)\
**Post date:** [October 22, 2020, 10:04am UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/5 "2020-10-22T10:04:44Z")

</div>

Thanks! Will try this out

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 22, 2020, 10:16am UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/6 "2020-10-22T10:16:07Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/2/231f9def257c008e36e38b75c8f3fe5e2ae3a6fd.png)

It would look somewhat like this.

---

<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:** [October 22, 2020, 12:01pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/7 "2020-10-22T12:01:47Z")

</div>

I use emojis a lot for stuff like this.

 ![Screenshot_20201022-070120](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9cf7c5665f8ecd06e2cdc723227d60494ec976a6.png)

---

<div class="post-metadata">

**Author:** ![Manuel\_Rodriguez\_do](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manuel_rodriguez_do/32/16448_2.png) [@Manuel\_Rodriguez\_do](https://community.glideapps.com/u/Manuel_Rodriguez_do)\
**Post date:** [October 22, 2020, 2:28pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/8 "2020-10-22T14:28:06Z")

</div>

> [@ThinhDinh](#):
>
> .

Simple solution. Thanks

---

<div class="post-metadata">

**Author:** ![Nash\_Ath\_Abdul\_Baree](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nash_ath_abdul_baree/32/7018_2.png) [@Nash\_Ath\_Abdul\_Baree](https://community.glideapps.com/u/Nash_Ath_Abdul_Baree)\
**Post date:** [October 27, 2020, 4:54pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/9 "2020-10-27T16:54:48Z")

</div>

Can the whole card layout be changed to different colors. Let’s say if some one pass and changed to green and if some one fails changed to red color. If some one could help me on this would be great.

---

<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:** [October 27, 2020, 4:56pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/10 "2020-10-27T16:56:52Z")

</div>

Only way to do this is to create an if then column that results in a hex color code depending on pass/fail. Then pass this value as a variable within a CSS template column. Display the CSS template column in a rich text component on the details screen.

EDIT: Actually…this won’t work…it will change the color for all cards I think.

---

<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:** [October 27, 2020, 5:03pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/11 "2020-10-27T17:03:02Z")

</div>

Cloudinary could be used here to change the background of the card image.Which element needed a color change? The image? The background? The card frame?

---

<div class="post-metadata">

**Author:** ![Nash\_Ath\_Abdul\_Baree](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nash_ath_abdul_baree/32/7018_2.png) [@Nash\_Ath\_Abdul\_Baree](https://community.glideapps.com/u/Nash_Ath_Abdul_Baree)\
**Post date:** [November 12, 2020, 7:36pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/12 "2020-11-12T19:36:03Z")

</div>

Card frame please

---

<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:** [November 12, 2020, 7:39pm UTC](https://community.glideapps.com/t/tag-colour-in-tiles-layout/17415/13 "2020-11-12T19:39:21Z")

</div>

Yeah, that’s a no go. Any CSS applied will apply to every card. Best bet is to change the color of the image background or use an emoji in the Avatar field for the card component.
