ChatUI : Simple Chat Interface Extension

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

Looks like really good extension, I just needed it for my messaging app, I am gonna try it right now!

1 Like

You should add names to appear, not just image

1 Like

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 :ok_hand:

That was randomly selected , everyone is free to edit and create their own copies.

2 Likes

You didn't edit the first post

Hello I am interested :smiling_face: in this I want more features
• video
• photo
• audio
•.custom pack of emoji fonts for reaction by long to
do

Can you please :pleading_face: do this

Sorry , i cant add this ,
This project is open source so you can try yourself,
or
get this extension

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)

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?

You can't do it using this extension