ChatUI
Extension component for ChatUI. Created using Rush.
Methods:
Initialize
Initialize the chat UI in a VerticalArrangement
Parameter
Type
arrangement
component
Send
Send a message
Parameter
Type
message
text
avatarUrl
text
Receive
Receive a message
Parameter
Type
message
text
avatarUrl
text
ShowTypingIndicator
Show typing indicator
HideTypingIndicator
Hide typing indicator
AddReaction
Add reaction to a message
Parameter
Type
messageIndex
number
reaction
text
Properties:
SentMessageColor
Set the color for sent messages
ReceivedMessageColor
Set the color for received messages
SentTextColor
Set the text color for sent messages
ReceivedTextColor
Set the text color for received messages
MessageCornerRadius
Set the corner radius for message bubbles
AvatarSize
Set the size of avatar images
MessageMaxWidth
Set the maximum width of message bubbles
ShowTimestamp
Show or hide message timestamps
ShowReadStatus
Show or hide read status for sent messages
BackgroundColor
Set the background color of the chat
FontFamily
Set the font for messages
FontSize
Set the font size for messages
This is not server based extension ,
you need to manually setup backend .
Here is simple demo
Open Source
com.xtiger.chatui.aix (16.5 KB)
9 Likes
PTPT
August 2, 2024, 12:00pm
2
Looks like really good extension, I just needed it for my messaging app, I am gonna try it right now!
1 Like
PTPT
August 2, 2024, 12:09pm
4
You should add names to appear, not just image
1 Like
PTPT
August 2, 2024, 12:10pm
5
Does it work without an image?
1 Like
Please provide some information about this extension before it listed please.
how does it work?
What server does it connect to?
what do individual Blocks do?
where is the chat stored?
Thank you
3 Likes
Added
Receiver name on messages
Background color and image
Vertical & Horizontal Padding
Download link updated in 1st post.
5 Likes
Another very Good extension. If possible can you please make it open source, I wants to contribute. Thanks
1 Like
Made it open source
Get from here , however some functions aren't fully implemented yet
1 Like
Added some features :-
Select messages when long clicked ,
Profile pic click event
Added sub message feature to show (someone join left chat / show date)
Added timestamp on messages send / receive function
Delete messages
Clear Selection
Removed Features :-
Reaction
Background color / image
com.xtiger.chatui.aix (17.2 KB)
GPL-3.0 license......noice
That was randomly selected , everyone is free to edit and create their own copies.
2 Likes
PTPT
August 14, 2024, 4:56pm
15
You didn't edit the first post
Hello I am interested in this I want more features
• video
• photo
• audio
•.custom pack of emoji fonts for reaction by long to
do
Can you please do this
Sorry , i cant add this ,
This project is open source so you can try yourself,
or
get this extension
Custom Chat View Hello everyone, Custom ChatView allows you to create chat view interface in your apps within two users or a group with a lot of features and customizations. This extension works with recycler view so you can create unlimited chat...
Reading time: 7 mins 🕑
Likes: 86 ❤
husnain
August 17, 2024, 11:14am
18
Hello, can you please release the latest version on github. Thanks
You can get from here , i have modified again a bit
CUI.aia (25.3 KB)
rename to aia to zip and extract
Here is aix
com.xtiger.chatui.aix (17.6 KB)
husnain
August 17, 2024, 11:40am
20
Thanks, I was trying recycler view with it. Adding, image, video and audio. I am getting problem with gravity as both send and receive messages are showing on the same side in recycler view.
you can send file i will check if i get time
1 Like
Hello, How can I make a receive-message by another user system using this extension?
_I1
October 3, 2024, 12:12pm
23
You can't do it using this extension