# Conditional colours / colors or status indicators for collection items **URL:** \ **Category:** Feature Requests\ **Created:** [December 1, 2022, 6:08am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280 "2022-12-01T06:08:39Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![james](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/james/32/71213_2.png) [@james](https://community.glideapps.com/u/james)\ **Post date:** [December 1, 2022, 6:08am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280/1 "2022-12-01T06:08:39Z")
For pages in particular, I think it would make sense to have some sort of colour coding or status indicator for collection items. Something along the lines of… 1. if a project has status “pending payment” or “past deadline”, add a subtle red status indicator in the corner of the collection item 2. if a project has status “completed”, add a green accent or indicator While this can probably be done with CSS, I am sure that Glide doesn’t expect it’s users to know CSS when building their apps. ---
**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:** [December 1, 2022, 6:24am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280/2 "2022-12-01T06:24:48Z")
I tend to use colored emoji for things like this. I’ve even mimicked a Hint component using HTML DIV tags with inline CSS styling to get a little more customization with text. The screenshot doesn’t really show it, but the colored bars will also change to yellow or red depending on the selected choice. ![Screenshot_20221201-002228-764](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/6/668ca4d1060c122e864c56ef73d81e2cdced7b70.png) ---
**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:** [December 1, 2022, 6:31am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280/3 "2022-12-01T06:31:32Z")
Just to give you a better idea with different choices selected. ![Screenshot_20221201-003011-025](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/5/d5aa0fa841e8cd4e9f97196353a373cac4613b7a.png) (This is with a custom collection) ---
**Author:** ![james](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/james/32/71213_2.png) [@james](https://community.glideapps.com/u/james)\ **Post date:** [December 1, 2022, 6:51am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280/4 "2022-12-01T06:51:12Z")
Nice! Custom collections are opening up a few doors 👍 Maybe Glide can add something for cases where data needs to be more compact. ---
**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:** [December 1, 2022, 6:52am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280/5 "2022-12-01T06:52:21Z")
You can still use emoji. It’s just a single character and can be placed in any text or image attribute in a collection. It doesn’t have to be a custom collection. ---
**Author:** ![james](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/james/32/71213_2.png) [@james](https://community.glideapps.com/u/james)\ **Post date:** [December 1, 2022, 7:26am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280/6 "2022-12-01T07:26:14Z")
True. What is the best way to add emojis to your app/page in your experience? Would you just copy them into the data editor / set value action? Do they display natively on each OS? ---
**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:** [December 1, 2022, 8:04am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280/7 "2022-12-01T08:04:54Z")
It depends how you are using them. Emojis are unicode characters and most (if not all) browsers [support them](https://emojipedia.org/caniemoji/). So essentially, you can use them anywhere you can use text. In the example that Jeff gave you, I’d imagine that his emojis might be output from an if-then-else column that checks the status. Or they might be the result of a relation + lookup, or maybe even a single value. Whatever the case, I’d be quite confident in saying he would be managing them in the Data Editor. Personally, I don’t think I’d ever add emojis with a set column values action, but you could do that if it worked for your use case. Or you could just paste them directly into component text fields. ---
**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:** [December 2, 2022, 8:05am UTC](https://community.glideapps.com/t/conditional-colours-colors-or-status-indicators-for-collection-items/55280/8 "2022-12-02T08:05:27Z")
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.