I remember seeing some posts regarding private messaging features and I built one a month ago. Will post a tutorial vid if there’s enough interest!
4 Likes
fk1214
March 19, 2025, 9:19am
2
How did you do that red 1 notification icon on the messenger tab when you have new messages? I’m guessing you used custom CSS, but which code did you use?
Also, on the chat screen, I suggest removing the other components other than the chat one and it makes the message box sticky which looks better.
3 Likes
I’ve asked for this too. Same question: how did you do it? Thanks
2 Likes
Only static messages can be displayed as a badge on the tab. Try following this thread:
Using HTML, this simple notification badge and counter can be written into a template column and displayed through a rich text component. This allows you to dynamically show the number of unread chats for your users. Note that your counter data must be in the user table and contain the number of unread chats, or be empty if all chats are read. To show or hide (empty) the badge, you need to add the class name “notifBubble” to the rich text component and use the following Html & CSS code:
<div st…
3 Likes
I don’t remember a lot but so far I know you need an array for users, an workflow, and screens that appear after you click on something, and the messages component.
1 Like
Is this still possible in glide?
Yes, you can check everything I’ve shared here:
If you’ve been waiting for this feature request “CSS Class Name” Field bound to data , it’s still unclear when it will arrive.
In the meantime, here’s a workaround that turns the Rich Text component into a CSS-controlled state bridge — a way to make your app’s CSS respond directly to data, without JavaScript or visibility logic.
This isn’t just a hack — it’s a new architectural concept born from Glide’s limitations.
Here, CSS serves not only as a styling layer but as a logical layer that inter…