# In-App Chat Notification

**URL:** <https://community.glideapps.com/t/in-app-chat-notification/18161>\
**Category:** Ask for Help\
**Created:** [November 9, 2020, 1:49pm UTC](https://community.glideapps.com/t/in-app-chat-notification/18161 "2020-11-09T13:49:49Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Amal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/amal/32/15421_2.png) [@Amal](https://community.glideapps.com/u/Amal)\
**Post date:** [November 9, 2020, 1:49pm UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/1 "2020-11-09T13:49:49Z")

</div>

Hi Gliders,

Is there a way to notify users in-app? I have a chat feature built in my app, i want to know if, i can notify users that somone has sent them a chat request, no matter what tab my user is on.

Note: Im reffering to in-app pop-up style notifications.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/4/84bf20ffee2f1d1537ae42f283cc0da14005e522.jpeg)

I was able to use CSS to generate this pop-up button when a chat request is recived, but i have no way to make it go away, after user accepts the chat, or let the user know another chat request has come in.

---

<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 9, 2020, 2:07pm UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/2 "2020-11-09T14:07:12Z")

</div>

Hey @Amal

I have not tried this but I am thinking you could have a double action on that button.

One would be to bring your user to where they have the request and the other one could be an Increment action.

In the new button action panel l, have that button make an increment by 1 then link to screen.

Show the button when the column where you increment is equal 0.

I hope this helps.

---

<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:** [November 9, 2020, 2:13pm UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/3 "2020-11-09T14:13:19Z")

</div>

> [@Popup or modal?](https://community.glideapps.com/t/popup-or-modal/7984/4):
>
> @theyih willing to watch a video in portuguese? lol you can use subtitles from youtube. [[POP-UP NO GLIDE + 1 Super Novidade! scream] ](https://www.youtube.com/watch?v=amJCQTHeZ30)

---

<div class="post-metadata">

**Author:** ![Amal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/amal/32/15421_2.png) [@Amal](https://community.glideapps.com/u/Amal)\
**Post date:** [November 9, 2020, 2:17pm UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/4 "2020-11-09T14:17:04Z")

</div>

Thanks @ThinhDinh i did see this, but there are 2 issues with this.

1. The pop-up only shows on that same Tab, where i want it to pop-up no matter where the user is on the app.

2. The close button ( X) only works if user is at top of page, if the user has scolled below the (X) button is not visible.

---

<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:** [November 9, 2020, 4:44pm UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/5 "2020-11-09T16:44:27Z")

</div>

> [@Amal](#):
>
> The pop-up only shows on that same Tab, where i want it to pop-up no matter where the user is on the app.

If you need it on other tabs then I assume you have to make the same thing for every tab.

> [@Amal](#):
>
> The close button ( X) only works if user is at top of page, if the user has scolled below the (X) button is not visible.

Only the navigation bar goes with the user, for that purpose I think you would need a floating button.

---

<div class="post-metadata">

**Author:** ![Amal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/amal/32/15421_2.png) [@Amal](https://community.glideapps.com/u/Amal)\
**Post date:** [November 9, 2020, 10:04pm UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/6 "2020-11-09T22:04:21Z")

</div>

Hi @ThinhDinh, i used a combination of popup and floating button. to achive what i want. however, i am having a issue getting rid of the popup box.

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

The popup box is triggered when a user initiates a chat to that particular user, and this is done by a checkbox which gets auto filled on form submission n chats sheets. I want to use the ‘X’ button to close the popup, but when i use the increment feature it only shows me items from the same tab where the button is hosted, I need to increment the item in chats sheet.

---

<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:** [November 9, 2020, 11:10pm UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/7 "2020-11-09T23:10:39Z")

</div>

So I imagine what you want is to increment a numeric column in the chats sheet so you can then hide the modal?

Can you describe in more details what are the conditions that the popup box will appear?

---

<div class="post-metadata">

**Author:** ![Amal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/amal/32/15421_2.png) [@Amal](https://community.glideapps.com/u/Amal)\
**Post date:** [November 10, 2020, 8:00am UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/8 "2020-11-10T08:00:21Z")

</div>

Yes i want to decrement a numeric column (called notify) in chats sheets to show and close the modal. Since i want the user to get a pop-up in all tabs, i need a way to increment and decrement from any tab to the same chat sheet. Increment is not a issue, i have no problem making the modal appear, its the disappear that is the issue.

Attached are the screen shots which shows the chat sheet. What makes the modal appear is the notify column, which is auto-filled when user submits a chat request form.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/0/90a8d833389c880593b7eaf6104003b71c92c62a.png)

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

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/b/db5fed58712eb7e89868e79e4195b69ee5b39695.jpeg)

---

<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:** [November 10, 2020, 9:26am UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/9 "2020-11-10T09:26:32Z")

</div>

Do you filter the “My Matches” screen by any conditions?

How do you plan to show this modal in all tabs?

---

<div class="post-metadata">

**Author:** ![Amal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/amal/32/15421_2.png) [@Amal](https://community.glideapps.com/u/Amal)\
**Post date:** [November 10, 2020, 9:59am UTC](https://community.glideapps.com/t/in-app-chat-notification/18161/10 "2020-11-10T09:59:16Z")

</div>

**Triggered by notify column in Users sheet, see below:**

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/e/eefa211fce91f392df2071023e64b7c375101bb5.jpeg)

**Users sheet has a relation to chats sheets, which brings only Chat user 2 email.(this is the column to whom the chat request is sent to) . Then I use lookup to bring the User 2 emails,**

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

**Then use a if-then-else that checks the lookup if its the signed-in user, it puts a 0, if row is empty its blank, else it puts 1.**

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