# Up and Down Green and Red triangles or arrows - For Increase/Decrease

**URL:** <https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113>\
**Category:** Ask for Help\
**Created:** [July 15, 2021, 6:56am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113 "2021-07-15T06:56:31Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Golaki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/golaki/32/27931_2.png) [@Golaki](https://community.glideapps.com/u/Golaki)\
**Post date:** [July 15, 2021, 6:56am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/1 "2021-07-15T06:56:31Z")

</div>

Dear Community,

Just need a quick input.

I am trying to show if a particular value has increased or decreased. For that, I need a green up arrow and a red down arrow. I am not getting an emoji for that.

Is there any other way to include it along with the text? Currently, I am using something like this.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/6/b6803df83474eb6868fc0447d7162ced53212db2.png)

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [July 15, 2021, 6:59am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/2 "2021-07-15T06:59:41Z")

</div>

here is the link how to do it using CSS:

> **[Code BOOK](https://code-book.glideapp.io/dl/ewAiAHQAIgA6ADIALAAiAHMAIgA6ACIAYwBsAGEAcwBzAC0AYwBvAGQAZQBzACIALAAiAHIAIgA6ACIAMgBzAEEAUAA3AGEAZABaAFIASgB1AC4AcABUAGsAcABlAGMAVABQADEAQQAiACwAIgBuACIAOgAiAEMAUwBTACAAYwBvAGQAZQAiAH0A)**
>
> share cool codes, scripts and links

---

<div class="post-metadata">

**Author:** ![Golaki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/golaki/32/27931_2.png) [@Golaki](https://community.glideapps.com/u/Golaki)\
**Post date:** [July 15, 2021, 7:04am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/3 "2021-07-15T07:04:36Z")

</div>

The values are rendered from the Template column. Does it work there?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [July 15, 2021, 7:07am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/4 "2021-07-15T07:07:16Z")

</div>

copy CSS code and put in template column… replace text and link with your own… than use rich text component to display that template column

---

<div class="post-metadata">

**Author:** ![Golaki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/golaki/32/27931_2.png) [@Golaki](https://community.glideapps.com/u/Golaki)\
**Post date:** [July 15, 2021, 7:08am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/5 "2021-07-15T07:08:46Z")

</div>

Great idea. But, currently I am displaying the values in a table. Not sure if it will work with a table though.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [July 15, 2021, 7:09am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/6 "2021-07-15T07:09:24Z")

</div>

no, only in rich text… you can create a table in CSS…

---

<div class="post-metadata">

**Author:** ![Golaki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/golaki/32/27931_2.png) [@Golaki](https://community.glideapps.com/u/Golaki)\
**Post date:** [July 15, 2021, 7:13am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/7 "2021-07-15T07:13:02Z")

</div>

Yes. I have not explored tables through CSS. I know Glide will definitely come up with an advanced table soon. Will wait till then. Thanks for your support @Uzo . Much Appreciated.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [July 15, 2021, 7:14am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/8 "2021-07-15T07:14:02Z")

</div>

just put divider between lines in css… it will look same as glide table

```auto
/* Solid border */
hr.solid {
  border-top: 3px solid #bbb;
}

```

---

<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:** [July 15, 2021, 11:27am UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/9 "2021-07-15T11:27:41Z")

</div>

Maybe you can try doing that in a card view, use images to display that in the “avatar” field.

---

<div class="post-metadata">

**Author:** ![Golaki](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/golaki/32/27931_2.png) [@Golaki](https://community.glideapps.com/u/Golaki)\
**Post date:** [July 15, 2021, 12:19pm UTC](https://community.glideapps.com/t/up-and-down-green-and-red-triangles-or-arrows-for-increase-decrease/29113/10 "2021-07-15T12:19:31Z")

</div>

Another good idea. Thankyou:)