How to change 'Arrow' icon at the bottom right of the chat window?

How do I change this ‘Arrow’ icon at the bottom right of the chat window? I can’t seem to find any posts or documentation talking about it and I find it quite ugly to be honest, so I want to change it.

Screenshot_29

1 Like

From the AI helper in the Documentations…

" Currently, the default Roblox chat system does not provide a built-in way to directly customize the appearance of the send button. The appearance of the send button is determined by the default UI style of the chat window.

If you want to have more control over the appearance of the send button, you would need to create a custom chat system using a combination of UI elements and scripting. This would involve creating your own input box and send button UI, and handling the functionality of sending messages through scripting.

Here’s a basic example of how you can create a custom chat input box and send button:

  1. Create a ScreenGui object in the StarterGui or PlayerGui.
  2. Inside the ScreenGui, create a Frame object to hold the chat input elements.
  3. Inside the Frame, create a TextBox for the input box and a TextButton for the send button.
  4. Use scripting to handle the functionality of sending messages when the send button is clicked.

Here’s an example script that demonstrates the basic functionality:


local Players = game:GetService("Players")
local player = Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")

-- GUI elements for chat input
local frame = Instance.new("Frame")
frame.Size = UDim2.new(1, 0, 0, 50)
frame.Position = UDim2.new(0, 0, 1, -50)
frame.BackgroundTransparency = 0.5
frame.BackgroundColor3 = Color3.new(0, 0, 0)
frame.Parent = playerGui

local textBox = Instance.new("TextBox")
textBox.Size = UDim2.new(0.8, 0, 1, 0)
textBox.Position = UDim2.new(0, 0, 0, 0)
textBox.Parent = frame

local sendButton = Instance.new("TextButton")
sendButton.Size = UDim2.new(0.2, 0, 1, 0)
sendButton.Position = UDim2.new(0.8, 0, 0, 0)
sendButton.Text = "Send"
sendButton.Parent = frame

-- Function to handle sending messages
local function sendMessage()
    local message = textBox.Text
    -- Handle sending the message
    -- Your custom logic here
    print("Message sent: " .. message)
    textBox.Text = ""
end

sendButton.MouseButton1Click:Connect(sendMessage)

This script creates a custom chat input box with a black background and a send button. When the send button is clicked, it calls the sendMessage function, which you can customize to handle sending the message.

Please note that this is a basic example, and you can further customize the appearance and functionality of the chat input box and send button to fit your specific needs.

I apologize for any confusion caused. Let me know if you have any further questions or need additional assistance.

SOURCES:

Well that’s annoying. I don’t fancy rewriting the chat menu so I’ll just leave it.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.