Here’s a little code I’m playing with to emulate iMessage chat bubbles for user submitted notes. Still playing with it but wanted to share. This is a list component, your #x_element_page_XX_XXX and #field_block_field_XXX will vary.
If you want to take this to the next level, have a look at https://www.pubnub.com/. Its a very cool platform.
I’m sure there’s a way to do an entire chat system with just some Javascript. (Haven’t tested or done this yet, but its just JS so should be possible).
At first glance, I thought you were linking something entirely different!
Looks very cool though! My “chat” system is a fraud. It’s just a list of records submitted by users, not a conversation between users.I was considering looking for a solution for in-app chat between our admin staff to get rid of the email clutter, and get rid of slack since people aren’t using it for whatever reason.
What you’re seeing in chat like functionality. When User1 sends a message, it shows a notification to user2 and refreshes their messages to reflect the updated message. You also can add Presence so you can know when someone joins or leaves the message chat.
For those of you who want it so when there are multiple users on the same front-end page and one of the users adds a record, you want it so that the other user’s pages update automatically.
Here’s how that will look. Notice how there are two browser windows open with two different users logged in to the same app.
Brand Global has developed a fully functional secure messaging system. This solution is designed to work within your Tadabase instance and can be fully customized to match your applications branding and colors. We have even included javascript connectors that would allow you to pass specific application data to the i360chat System. This includes logged in user information, such as Display Name, Email, and Role.
We have developed a chat system specifically for Tadabase. Please see our post in the Spotlight.
Hi Tim, how did you set this up so each user gets a dedicated color? I am trying to create something similar but not sure how to distinguish the users.
If you can help me I will appreciate it very much.