# Displaying reactions to a post

**URL:** https://community.glideapps.com/t/displaying-reactions-to-a-post/18950
**Category:** Ask for Help
**Created:** [November 26, 2020, 11:10am UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950 "2020-11-26T11:10:14Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Zeby](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zeby/32/17144_2.png) [@Zeby](https://community.glideapps.com/u/Zeby)
#### Post date: [November 26, 2020, 11:10am UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/1 "2020-11-26T11:10:14Z")

</div>

Hello guys,

I have been making a social network for me and my colleagues. We share gifs like 9gag and we can comment, like as we want. It works great !

I also wanted to put reactions input, and them display all the reactions each post got. I have been trying for a couple hours but i don’t manage to get the data. The reaction is user specific, so we can see our own reaction but not the one’s reactions. It erases the value in the column reaction everytime there is a new one.

I would like to displays all the reaction to the post by a count to each reaction.

Has anyone ever tried to do the same ? I have the same issue with the number of likes/dislikes

Thank you

Have a nice day

---

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [November 26, 2020, 12:21pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/2 "2020-11-26T12:21:09Z")

</div>

Hey @Zeby,

This might help you [🆕 Actions! ⚡⚡⚡ - #8 by Robert\_Petitto](https://community.glideapps.com/t/actions/18026/8)

Or maybe this one

> [@new UPDATED Glidegram - social media app (follow/unfollow, unread messages & more)](https://community.glideapps.com/t/glidegram-social-media-app/9293/49):
>
> [image] First Condition: If “incr\_Likes” column doesnt equal to 1 [image] Will increment “incr\_Likes” column by 1 (first tap glide just recognize the touch, incrementing only the second tap) [image] Second condition: If “incr\_Likes” column equals to 2 and Time Stamp column (user-specific) is empty [image] will: Show Notification: Liked! Increment a “Likes” column (not user-specific) by 1 and Set Columns: "is favorite?" to “incr\_Likes” (the number 1 will makes it be true) …

---

<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: [November 26, 2020, 5:12pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/3 "2020-11-26T17:12:11Z")

</div>

Thanks the shoutout @SantiagoPerez

@Zeby you can also test here

> **[Glidegram](https://harmonious-trick-7630.glideapp.io/)**
>
> Testing the double click to like posts.

---

<div class="post-metadata">

### Author: ![Zeby](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zeby/32/17144_2.png) [@Zeby](https://community.glideapps.com/u/Zeby)
#### Post date: [November 26, 2020, 5:15pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/4 "2020-11-26T17:15:01Z")

</div>

Thanks guys ! Do you know how to display likes at the bottom right of the card like on this app ? I have been looking in options i can’t find how

---

<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: [November 26, 2020, 5:31pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/6 "2020-11-26T17:31:57Z")

</div>

Natively isn’t possible to do it. Glide has only the heart symbol as favorite

Maybe you could do with css.

---

<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: [November 26, 2020, 5:35pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/7 "2020-11-26T17:35:29Z")

</div>

And you can try to use the base @Robert_Petitto also could find and change to Like svg icon

> [@CSS Trick: Change Favorite Heart to Bookmark](https://community.glideapps.com/t/css-trick-change-favorite-heart-to-bookmark/17951/3):
>
> Replicate styling to Tiles: [Screen Shot 2020-11-04 at 12.16.42 PM] \<pre\>\<span\>\<style\> [data-test="app-toggle-icon-overlay"] :nth-child(1) :nth-child(1) { stroke: white; d: path("m 1 1 l 16 0 l 0 18 l -8 -6 l -8 6 l 0 -18"); } [data-test="app-toggle-icon-overlay"] :nth-child(1) :nth-child(2) { stroke: white; fill: none; d: path("m 1 1 l 16 0 l 0 18 l -8 -6 l -8 6 l 0 -18"); }

---

<div class="post-metadata">

### Author: ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [November 26, 2020, 5:39pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/8 "2020-11-26T17:39:41Z")

</div>

Just a thought 💭 Maybe use a template column with a prefixed emoji followed by like count so =

👍 30

---

<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: [November 26, 2020, 5:46pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/9 "2020-11-26T17:46:46Z")

</div>

Yes! I’d do that. It’s safer lol

---

<div class="post-metadata">

### Author: ![Zeby](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zeby/32/17144_2.png) [@Zeby](https://community.glideapps.com/u/Zeby)
#### Post date: [November 26, 2020, 5:47pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/10 "2020-11-26T17:47:50Z")

</div>

Thank you guys

I also meant positionning the number of likes to the right of the card like on glidegramm

---

<div class="post-metadata">

### Author: ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [November 26, 2020, 5:48pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/11 "2020-11-26T17:48:21Z")

</div>

@Lucas_Pires I am trying to avoid custom css/html as much as possible. I don’t want my apps to break at any time 🙂

---

<div class="post-metadata">

### Author: ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [November 26, 2020, 5:50pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/12 "2020-11-26T17:50:50Z")

</div>

@Zeby

You need to have a play with tile and card layouts to see which is suitable for you and your design

> **[Tiles layout](https://docs.glideapps.com/all/reference/design-and-structure/layouts/tiles)**
>
> Show your items as tiles with many customizable design options

[https://docs.glideapps.com/all/reference/design-and-structure/layouts/cards-layout](https://docs.glideapps.com/all/reference/design-and-structure/layouts/cards-layout)

---

<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: [November 26, 2020, 6:05pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/14 "2020-11-26T18:05:53Z")

</div>

Exactly, same here even knowing how to use

---

<div class="post-metadata">

### Author: ![Zeby](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zeby/32/17144_2.png) [@Zeby](https://community.glideapps.com/u/Zeby)
#### Post date: [November 26, 2020, 6:06pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/15 "2020-11-26T18:06:59Z")

</div>

Ok i just found the solution, i was not putting the caption text correctly

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

Thank you for taking time to answer me !!

---

<div class="post-metadata">

### Author: ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)
#### Post date: [November 26, 2020, 7:27pm UTC](https://community.glideapps.com/t/displaying-reactions-to-a-post/18950/16 "2020-11-26T19:27:03Z")

</div>

Mission to go no code to prove what is possible although everything is code at the end of the day just we don’t have to write it or fix it when it goes wrong