How do you make a chat UI?

So I want to make a chat UI that works likes Roblox one! But I don’t know how to. To give you the idea, I’m working on a OS on Roblox becaues I want to learn scripting and UI! So I seen videos like “How to make Roblox chat UI” But that doesn’t help me. Plus I don’t know if those suport Roblox chat censor!
Thank you

Ok, so I have never tried this before, though I think I know how I would be going about it.

  1. Set up a StarterGui with a couple lines of text labels (use a UI list layout), and then a textbox at the bottom for players to input.

  2. Have a local script that detects them pressing enter, and have it fire a remote event to the server, sending the information of their input

  3. On the server script, fire a remote event for all clients that updates the chatbox with the new players chat, and also pushes up all the previous chats.

  4. If you want to have censoring, make a dictionary of the no no words and when the player presses enter, scan if it is equal to a word from the dictionary. If it isn’t then preceed to fire the remote event.

Hope this helps!

2 Likes

It’s better to use FilterStringAsync for censoring TextService | Roblox Creator Documentation