Build Real-Time Chat, for real

Resources & Tutorials
41

Does it work now?

42

Sorry, did not try yet. I have to make a custom list instead of simple list used for the demo, then add the dot icon to show unridden conversations

1 Like
43

Link is down, how can i get a hold on to this component?

44

go to https://adalo.pragmaflowservers.com/install-component

45

Hi there, wondering if you were able to post the better way here, I wanted to implement it into my app using your chat component

Thanks in advance!

46

Iā€™m not sure about group chatrooms ( trying :slightly_smiling_face: ) but for 2 person chatrooms how about this?

Thank you

47

Hello everyone,

I have tried the component and itā€™s amazing, but I am having a little problem. The messages are not displayed correctly on the chat creator account.

(left: other user, right: chat creator)

1
1967Ɨ796 69.6 KB

I added the chat component to each userā€™s account (they donā€™t share the same screen). The user to the right is always the creator of the chat, the left user will receive a notification once the chat is created.

The database collections required for this component are updating fine, and during the chat, messages are displayed correctly. But when opening the chat again everything is displayed in the wrong way.

Did anyone experience a similar issue?

UPDATE:

Had to fill in ā€œmessage dataā€ again and it started working fine

1
1407Ɨ797 32.1 KB

1
11130Ɨ803 82.7 KB

48

Is there way to add images or videos in this chat? using some kind cms to host the images and videos like adalify?

49

How to avoid duplicate userconversation from being created with new conversation dropdown ? Also if put image user then it shows image of wrong name.

50

Hi all,

Iā€™m running into a roadblock:

  • How do you check whether a conversation between 2 users already exists?

I want to navigate to a chat from another spot (say another users profile). I canā€™t find a way to check for this with the relations being setup like in the example.

51

Hi Steven,

Maybe this can help you!

52

Hi @TKOTC thanks so much for the tutorial I was able to integrate the real-time chat perfectly but I have a question, In the tutorial you can search via a dropdown among all users and chat with them. Is there any other way of doing this? I mean in cases where there might be hundreds of users and itā€™s difficult to go through all of them. Any way of doing it via search like on lists, or via a text input field? Thanks!

1 Like
53

I was able to solve it with a simple list with search in place of the dropdown.

54

do you guys know how to make it so notifications for the chat that your on donā€™t show up when your on the same page

IMG_4654.PNG
IMG_4654.PNG1242Ɨ2688 111 KB

55

Hi,
Iā€™ve have thought about this myself before, but never implemented it.
I think the way to do this, is to add users to a DB-relation (eg ā€˜active usersā€™) when they are on the screen and remove them when they leave the screen. This way you can filter for it.

Wasnā€™t enough of a problem at my end so far to build it however :wink:
Good luck!

56

Thanks Dilon!
Late reply, but ended up going with a similar solution!

57

Hi all,

Iā€™m running into a problem with the keyboard popping over the chatwindow instead of it pushing it up like normal.

IMG_0544.PNG
IMG_0544.PNG1125Ɨ2436 81.4 KB

IMG_0546.PNG
IMG_0546.PNG1125Ɨ2436 68.5 KB

Vid: RPReplay_Final1647711450.MP4 - Google Drive

Did anyone run into a simular issue, and if so how did you solve it? :slight_smile:

Many thanks!

58

It actually would work but I donā€™t know a way that activates an action when someone just turns off the screen when their on the page

59

Hey guys, I donā€™t know why the login of the sample Chat App is brokenā€¦ Sometimes when you donā€™t touch an app for a long time, this and other small bugs came up :thinking:

Anyway, Iā€™m building a new version with 1 by 1 chats and also Group Chats, just like WhatsApp. I will post it here once ready. Actually I donā€™t think there is some planned update for the component, but if you can deal with this problems, is actually the best chat experience for an Adalo App :

ā€¢ Reversed scroll bug : the scrolling of the whole chat is reversed : swipe up to go up, down to down.

ā€¢ Conversation starts on bottom : on majority of messangers apps, the first message usually appears on top. Here, we start from the bottom to scale consequentially up when a new message is sent.

ā€¢ Position not fixed : there is no way to fix the message input on bottom, even if you resize the screen to fit your phone, when you try on an another device, the input will be in a wrong position.

It would be could if we get some info from @TKOTC and @Mitch-Pragmaflow but I donā€™t see them around since a long time :cry:

1 Like
60

Hey @Eugen thanks for reporting these. Weā€™ve been a bit slammed lately and itā€™s taken us away from being able to engage with the community. Itā€™s also gotten in the way of component building.

All of these are open source and so anyone can deploy their own. @TKOTC has laid the foundation with so many of these components; a literal library of building blocks.

We love the community and when we have free time, we like to work on project like these. Helping other builders push boundaries, is pretty much our jam.

But because these are unpaid components, they need community support and contribution.
When I look through our github, I see very few contributions outside our team.

Letā€™s be clear, Iā€™m sitting here talking shit and Iā€™ve made one component, and Steve told me half of it. Iā€™m not saying this with any type of moral high ground. Just saying it.

Itā€™s know itā€™s hard. Still, Itā€™s worth doing.

I encourage everyone who has a bug to clone the repo and ask for help in Get Help - Adalo

1 Like