Chat messages overlay each other | Roblox Studio Community | Page 1

sage bear Jun 12, 2024, 11:11 PM

#

Chat messages overlay each other

frosty nest Jun 12, 2024, 11:11 PM

#

can I see the script?

sage bear Jun 12, 2024, 11:11 PM

#

Yeah, one moment

#

📎 ChatBoxScript.txt

frosty nest Jun 12, 2024, 11:16 PM

#

is there anything that is supposed to make it move up? or it's just this way?

sage bear Jun 12, 2024, 11:18 PM

#

frosty nest is there anything that is supposed to make it move up? or it's just this way?

See that's the thing. Do I HAVE to make the chat display move, or is there a way I can make it delete the previous messages when the most recent chat is displayed?

sage bear Jun 12, 2024, 11:18 PM

#

sage bear See that's the thing. Do I HAVE to make the chat display move, or is there a way...

Almost like a fade out

frosty nest Jun 12, 2024, 11:19 PM

#

do you want it to move up or just fade?

sage bear Jun 12, 2024, 11:19 PM

#

Just fade out

frosty nest Jun 12, 2024, 11:21 PM

#

is the local script parent the message?

#

or screengui?

sage bear Jun 12, 2024, 11:22 PM

#

It’s parented to the frame of the ScreenGui

frosty nest Jun 12, 2024, 11:34 PM

#

Alright, Editing the script

sage bear Jun 12, 2024, 11:35 PM

#

Alright, no rush. I appreciate the assistance.

cursive oceanBOT Jun 12, 2024, 11:35 PM

#

studio ** You are now Level 2! ** studio

frosty nest Jun 12, 2024, 11:39 PM

#

Can I see the AvatarChatDisplayHUD children to make the fade part more accurate?

sage bear Jun 12, 2024, 11:41 PM

#

This, correct?

frosty nest Jun 12, 2024, 11:56 PM

#

yeah it's good

sage bear Jun 12, 2024, 11:56 PM

#

Alrighty

frosty nest Jun 12, 2024, 11:58 PM

#

try

📎 message.txt

#

tell me if you find any errors

sage bear Jun 12, 2024, 11:59 PM

#

Alright

frosty nest Jun 13, 2024, 12:00 AM

#

oh wait there is a typo in it

#

in this part of the code:

if chatScrollBox:FindFirstChild("AvatarChatDisplayHUD") then

#

i wrote AvatarChatDisplatHUD, change it to AvatarChatDisplayHUD

sage bear Jun 13, 2024, 12:02 AM

#

So, I tested that one and it only displays the first message.

sage bear Jun 13, 2024, 12:03 AM

#

sage bear So, I tested that one and it only displays the first message.

I'm not sure if it's a GUI thing I'm missing. Would it be easier for me to record and send a video of what I have?

frosty nest Jun 13, 2024, 12:03 AM

#

Errors?

sage bear Jun 13, 2024, 12:04 AM

#

frosty nest Jun 13, 2024, 12:05 AM

#

No errors then

frosty nest Jun 13, 2024, 12:05 AM

#

frosty nest i wrote AvatarChatDisplatHUD, change it to AvatarChatDisplayHUD

did you change it?

sage bear Jun 13, 2024, 12:05 AM

#

sage bear

This is when I send a message

sage bear Jun 13, 2024, 12:05 AM

#

frosty nest did you change it?

I did, yes.

frosty nest Jun 13, 2024, 12:05 AM

#

ooh

#

if chatScrollBox:FindFirstChild("AvatarChatDisplayHUD") then
        local chatmessage = chatScrollBox.AvatarChatDisplayHUD

        for i, k in pairs(chatmessage:GetDescendants()) do
            if k:IsA("GuiObject") then
                    if k:IsA("ImageLabel") or k:IsA("ImageButton") then
                        local BackG = TweenService:Create(k, TwInfo, {BackgroundTransparency = 1})
                        local Image = TweenService:Create(k, TwInfo, {ImageTransparency = 1})
                        Image:Play()
                        
                        if k:IsA("Frame") or not k:IsA("Frame") then
                           BackG:Play()
                        end
                    end
                    
                    if k:IsA("GuiButton") then
                        local TextAndBack = TweenService:Create(k, TwInfo, {Transparency = 1})
                        TextAndBack:Play()
                    end
            end
        end
    end

Change this part of the code to this one above

sage bear Jun 13, 2024, 12:20 AM

#

It still wants to overlap it seems

frosty nest Jun 13, 2024, 12:20 AM

#

any errors?

#

oh

#

but yeah any errors?

sage bear Jun 13, 2024, 12:21 AM

#

frosty nest Jun 13, 2024, 12:22 AM

#

add a print("Message Detected") below this line of code:

if chatScrollBox:FindFirstChild("AvatarChatDisplayHUD") then

#

then tell me if it's printing or not

sage bear Jun 13, 2024, 12:24 AM

#

Just like this?

sage bear Jun 13, 2024, 12:25 AM

#

sage bear Just like this?

frosty nest Jun 13, 2024, 12:29 AM

#

yes

#

if chatScrollBox:FindFirstChild("AvatarChatDisplayHUD") then
        print("Message Detected")
        local chatmessage = chatScrollBox.AvatarChatDisplayHUD

        for i, k in pairs(chatmessage:GetDescendants()) do
                    if k:IsA("ImageLabel") or k:IsA("ImageButton") then
                        local BackG = TweenService:Create(k, TwInfo, {BackgroundTransparency = 1})
                        local Image = TweenService:Create(k, TwInfo, {ImageTransparency = 1})
                        Image:Play()
                        
                        if k:IsA("Frame") or not k:IsA("Frame") then
                           BackG:Play()
                        end
                    end
                    
                    if k:IsA("GuiButton") then
                        local TextAndBack = TweenService:Create(k, TwInfo, {Transparency = 1})
                        TextAndBack:Play()
                    end
        end
    end

replace it

sage bear Jun 13, 2024, 12:38 AM

#

I get this, and it doesn't allow me to send a message.

cursive oceanBOT Jun 13, 2024, 12:38 AM

#

studio ** You are now Level 3! ** studio

frosty nest Jun 13, 2024, 12:39 AM

#

you probably added an extra end to the code

#

local function AddMessageToScrollBox(playerName, message)
    
    if chatScrollBox:FindFirstChild("AvatarChatDisplayHUD") then
        print("Message Detected")
        local chatmessage = chatScrollBox.AvatarChatDisplayHUD

        for i, k in pairs(chatmessage:GetDescendants()) do

                    if k:IsA("ImageLabel") or k:IsA("ImageButton") then
                        print("Image1")
                        local BackG = TweenService:Create(k, TwInfo, {BackgroundTransparency = 1})
                        local Image = TweenService:Create(k, TwInfo, {ImageTransparency = 1})
                        Image:Play()
                        print("Image2")
                        if k:IsA("Frame") or not k:IsA("Frame") then
                           BackG:Play()
                        end
                        print("FrameOrImage")
                    end
                    
                    if k:IsA("GuiButton") then
                        local TextAndBack = TweenService:Create(k, TwInfo, {Transparency = 1})
                        TextAndBack:Play()
                        print("Label")
                    end    
        end
    end
    
    local MessageUI = ReplicatedStorage:FindFirstChild("AvatarChatDisplayHUD"):Clone()
    MessageUI.Parent = chatScrollBox
    MessageUI.ChatFrame.NameAndTime.PlayerNameLabel.Text = playerName .. " "
    local currentTime = os.date("*t")
    local formattedTime = string.format("%d:%02d %s", (currentTime.hour % 12 == 0) and 12 or currentTime.hour % 12, currentTime.min, (currentTime.hour >= 12) and "PM" or "AM")
    MessageUI.ChatFrame.NameAndTime.TimeLabel.Text = formattedTime
    MessageUI.ChatFrame.MessageLabel.Text = message
end

#

replace the function AddMessageToScrollBox with this:

sage bear Jun 13, 2024, 12:46 AM

#

frosty nest you probably added an extra end to the code

Yeah I think that's what I must've done. This is what I have put under local function AddMessageToScrollBox (playerName, message)

sage bear Jun 13, 2024, 12:47 AM

#

frosty nest ```lua local function AddMessageToScrollBox(playerName, message) if cha...

So I would replace everything under local function addmessagetoscroll box with the code you provided last?

frosty nest Jun 13, 2024, 12:47 AM

#

No

#

just select the whole local function

#

and paste it

sage bear Jun 13, 2024, 12:49 AM

#

Okay, so, replace what I have highlighted then?

#

I do apologize, I'm not too familiar with the scripting part, just environmental parts.

#

frosty nest Jun 13, 2024, 12:55 AM

#

sage bear Okay, so, replace what I have highlighted then?

no

#

The whole function, until its end

#

but it worked

#

and did it dissapear?

sage bear Jun 13, 2024, 12:56 AM

#

It's still overlapping the past messages with the current one

frosty nest Jun 13, 2024, 12:57 AM

#

oooh

#

I just realized what's wrong

#

if chatScrollBox:FindFirstChild("AvatarChatDisplayHUD") then
        print("Message Detected")
        local chatmessage = chatScrollBox.AvatarChatDisplayHUD
        chatmessage:Destroy()

    end

Try this one first

#

just to test something

sage bear Jun 13, 2024, 1:06 AM

#

Alright, sorry i'm on a phone call.

#

Am I missing anything here?

frosty nest Jun 13, 2024, 1:14 AM

#

remove the for loop

sage bear Jun 13, 2024, 1:16 AM

#

The for loop is until the 3rd end?

#

frosty nest Jun 13, 2024, 1:17 AM

#

yes

sage bear Jun 13, 2024, 1:18 AM

#

Alright

#

Doesn't let me send the message

frosty nest Jun 13, 2024, 1:19 AM

#

errors?

sage bear Jun 13, 2024, 1:19 AM

#

frosty nest Jun 13, 2024, 1:20 AM

#

there's an ending missing

#

replace this with this:

local function AddMessageToScrollBox(playerName, message)
    
    if chatScrollBox:FindFirstChild("AvatarChatDisplayHUD") then
        print("Message Detected")
        local chatmessage = chatScrollBox.AvatarChatDisplayHUD
        chatmessage:Destroy()

    end
    
    local MessageUI = ReplicatedStorage:FindFirstChild("AvatarChatDisplayHUD"):Clone()
    MessageUI.Parent = chatScrollBox
    MessageUI.ChatFrame.NameAndTime.PlayerNameLabel.Text = playerName .. " "
    local currentTime = os.date("*t")
    local formattedTime = string.format("%d:%02d %s", (currentTime.hour % 12 == 0) and 12 or currentTime.hour % 12, currentTime.min, (currentTime.hour >= 12) and "PM" or "AM")
    MessageUI.ChatFrame.NameAndTime.TimeLabel.Text = formattedTime
    MessageUI.ChatFrame.MessageLabel.Text = message

    --local TextLabel = Instance.new("TextLabel")
    --TextLabel.Parent = chatScrollBox
    --TextLabel.Text = message
    --TextLabel.TextSize = 14
    --TextLabel.TextWrapped = true
    --TextLabel.Size = UDim2.new(1, 0, 0, TextLabel.TextBounds.Y) -- Adjust height based on text size
    --TextLabel.TextXAlignment = Enum.TextXAlignment.Left
    --TextLabel.BackgroundTransparency = 1
    --TextLabel.TextTransparency = 0
    --TextLabel.TextColor = Color3.fromRGB(255, 255, 255)
end

sage bear Jun 13, 2024, 1:24 AM

#

Alright, I've done that, and this is the result.

frosty nest Jun 13, 2024, 1:26 AM

#

did it overlap?

sage bear Jun 13, 2024, 1:26 AM

#

It doesn't send the message

frosty nest Jun 13, 2024, 1:30 AM

#

It's hard to tell what's wrong if i'm not editing the system :/, I don't know what else could be wrong

#

alright so I got another solution

sage bear Jun 13, 2024, 1:31 AM

#

Alright, well one last thing I can do is just send a short video of what's all here and if you'd like to take a look at the scripts, properties, I can provide them. If that's easier?

frosty nest Jun 13, 2024, 1:32 AM

#

frosty nest alright so I got another solution

revert the code to the way it was before

#

when I didn't edit it

#

Now make a local script inside the AvatarChatDisplayHUD

#

did you do it?

frosty nest Jun 13, 2024, 1:37 AM

#

frosty nest Now make a local script inside the AvatarChatDisplayHUD

when you do it, copy and paste this code into the localscript:

local GUI = script.Parent
local SendMessageRE = ReplicatedStorage:WaitForChild("SendMessageRE")

local function Fading()
    print("Deleting message...")
    if GUI.Parent ~= ReplicatedStorage then
       GUI:Destroy()        
    end
    
end

SendMessageRE.OnClientEvent:Connect(Fading)

sage bear Jun 13, 2024, 1:48 AM

#

frosty nest when you do it, copy and paste this code into the localscript: ```lua local GUI...

Had to fix an error, accidently deleted some code so I had to restore it.

sage bear Jun 13, 2024, 1:51 AM

#

frosty nest when you do it, copy and paste this code into the localscript: ```lua local GUI...

I've done that, though I have an error with replicated storage

frosty nest Jun 13, 2024, 1:52 AM

#

what does the error say?

sage bear Jun 13, 2024, 1:53 AM

#

cursive oceanBOT Jun 13, 2024, 1:53 AM

#

studio ** You are now Level 4! ** studio

frosty nest Jun 13, 2024, 1:53 AM

#

ooh

#

forgot to set replicated storage

#

change it to:

local SendMessageRE = game:GetService("ReplicatedStorage"):WaitForChild("SendMessageRE")

sage bear Jun 13, 2024, 1:55 AM

#

sage bear Jun 13, 2024, 1:56 AM

#

frosty nest change it to: local SendMessageRE = game:GetService("ReplicatedStorage"):WaitFo...

Alrighty, I've done that

frosty nest Jun 13, 2024, 1:56 AM

#

sage bear

Let me change it to a different code

cursive oceanBOT Jun 13, 2024, 1:56 AM

#

studio ** You are now Level 18! ** studio

frosty nest Jun 13, 2024, 1:59 AM

#

local GUI = script.Parent
local Storage = game:GetService("ReplicatedStorage")
local SendMessageRE = Storage:WaitForChild("SendMessageRE")

local function Fading()
    print("Deleting Message")
      if GUI.Parent ~= Storage then
          GUI:Destroy()
      end
end

SendMessageRE.OnClientEvent:Connect(Fading)

#

replace all the code with it

sage bear Jun 13, 2024, 2:00 AM

#

So that removes the GUI when I hit enter upon sending a message

frosty nest Jun 13, 2024, 2:01 AM

#

yeah

#

if it works, then i'll add the fading effect

sage bear Jun 13, 2024, 2:02 AM

#

I see

frosty nest Jun 13, 2024, 2:02 AM

#

so, did it work?

sage bear Jun 13, 2024, 2:04 AM

#

Sorry, no, it still overlapped

frosty nest Jun 13, 2024, 2:04 AM

#

did it print the message?

sage bear Jun 13, 2024, 2:05 AM

#

frosty nest Jun 13, 2024, 2:07 AM

#

frosty nest ```lua local GUI = script.Parent local Storage = game:GetService("ReplicatedStor...

local GUI = script.Parent
local Storage = game:GetService("ReplicatedStorage")
local SendMessageRE = Storage:WaitForChild("SendMessageRE")

local function Fading()
    print("Deleting Message")
      if GUI.Parent ~= Storage then
          GUI:Destroy()
      end
end

SendMessageRE.OnClientEvent:Connect(function()
task.delay(0.5, Fading)
end)

#

try this one

sage bear Jun 13, 2024, 2:09 AM

#

So it sends the message, waits then removes it, but it also removes the chat box and bottom icon below

frosty nest Jun 13, 2024, 2:10 AM

#

Can you send me a screenshot of the Gui's?

sage bear Jun 13, 2024, 2:11 AM

#

As in what it does after using that code, or just the GUI itself?

frosty nest Jun 13, 2024, 2:12 AM

#

the GUI itself

#

I need to know what the message pop up is exactly

#

if it is a certain frame, etc

sage bear Jun 13, 2024, 2:14 AM

#

Okay, so these are the GUI's and I'll send you the video with the code applied

#

frosty nest Jun 13, 2024, 2:15 AM

#

select all the Gui Objects that is the pop up

sage bear Jun 13, 2024, 2:19 AM

#

I’m not following, do you mean select all the children of both GUIs?

frosty nest Jun 13, 2024, 2:21 AM

#

yeah, like this:

#

then highlight the parts from the pop up message

sage bear Jun 13, 2024, 2:26 AM

#

If this is what you mean, here are these

#

frosty nest Jun 13, 2024, 2:28 AM

#

alright, this time highlight just this part:

#

oh wait

#

is the localscript under AvatarChatDisplay?

#

and here's an updated version:

local GUI = script.Parent
local Storage = game:GetService("ReplicatedStorage")
local SendMessageRE = Storage:WaitForChild("SendMessageRE")

local function Fading()
    if GUI.Parent ~= Storage then
        print("Message deleted")
        GUI:Destroy()
    end
end

SendMessageRE.OnClientEvent:Connect(function()
    task.delay(0.1, Fading)
end)

sage bear Jun 13, 2024, 2:32 AM

#

frosty nest is the localscript under AvatarChatDisplay?

I have it under ScreenGui here

sage bear Jun 13, 2024, 2:33 AM

#

sage bear I have it under ScreenGui here

Should it be under AvatarChatDisplayHud instead?

frosty nest Jun 13, 2024, 2:36 AM

#

...

#

Yes, that's where it is supposed to be

frosty nest Jun 13, 2024, 2:36 AM

#

frosty nest and here's an updated version: ```lua local GUI = script.Parent local Storage =...

edited the code

#

copy it again

sage bear Jun 13, 2024, 2:37 AM

#

My bad, let me switch that

frosty nest Jun 13, 2024, 2:37 AM

#

Alright

sage bear Jun 13, 2024, 2:40 AM

#

The results

frosty nest Jun 13, 2024, 2:41 AM

#

sweet

sage bear Jun 13, 2024, 2:42 AM

#

Now I just have to test and see if works with somene, I appreciate the time you spent helping with this

#Chat messages overlay each other