Update available v3.3 aix & aia on first post & github 
introduce some new blocks of reply and some changes in code. 
tank youuuuuuuuuuuuuuuuuuuuuu
1 Like
@Andrea_Reis welcome in MIT AI2 community 
Hello everyone,
I am building a group chat application using ChatKaroUI and CloudDB.
My main problem is displaying messages on the correct side. I want my own messages to appear on the right side and messages from other users to appear on the left side, similar to WhatsApp or Telegram.
I am using SendWithAvatar and ReceiveWithAvatar, and I store the following data in CloudDB:
[username, avatarUrl, message, timestamp]
When a message is received, I compare the username in the message with the current user's username. However, the messages are not being displayed correctly on the left and right sides.
My goal is:
-
Show my messages on the right side.
-
Show other users' messages on the left side.
-
Display avatar, username, and timestamp correctly.
-
Use CloudDB for real-time group chat.
Has anyone successfully implemented this with ChatKaroUI? Could you please share the correct blocks or an example project?
Thank you for your help.
This is only a test aia I used:
- for your messages ( on right ) use SendWithAvatar
- fo other’s messages ( on left ) use ReceiveWithAvatar
- for avatars use an url ( not sure it can use local images )
- what is a “timestamp shown correctly” ?
chatKaroUI_v3_2.aia (289.3 KB)
New Update released, in this update i added MessageClicked event.
you can download from github via this link: