[v3!] TopbarPlus v3.0.0 | Construct intuitive topbar icons; customise them with themes, dropdowns, captions, labels and much more

Resources Community Resources
#1682

I joined a free kj game, did you even read what i said?

I said if there is any way to replicate the ui in that game.

Thanks for your concern though.

#1683

Further update on this,
image

so i want to move the dropdown a little to the right, how do i do that?

Thanks for your assistance

#1685

Does it support custom keybind icons?

#1687

image
image2246×111 81 KB

Any idea how to fix this? The Red icon wont go to the center position despite being set to

Rpoint = Icon.new()
	:setOrder(4)
	:align("Center")
	:setName("RedPoints")
	:setLabel("0")
	:setImage(6022668911)
	:lock()
	:modifyTheme({
		{"IconButton", "BackgroundColor3", Color3.fromRGB(255, 255, 255)},
		{"IconGradient", "Color", ColorSequence.new(Color3.fromRGB(111, 0, 2), Color3.fromRGB(255, 0, 4))},
		{"IconGradient", "Enabled", true}
	})
#1688

I might be too late but the reason this is happening is because RunContext “Client” will run anywhere. The script runs in starter player scripts and then in your player scripts. Change the script to a local script or check if the script is a decent of Players before running

#1689

Hello,
when I put the READ_ME script inside a UI element (because it won’t work with the UI unless i do so), it duplicates all the icons twice. Is there any way to fix this?

#1690

Read my post above, Turn off the reset on respawn setting on the GUI element.

#1691

if you mean the UI element its within, its already off.

#1692

:setAlignment("Center")

Are you perhaps using v2 or v3?

#1693

I am using V3 but it is still not centered weirdly. I do have :setAlignment(“Center”) it works like 10% of the time but most times it shows on the right side.

#1694

image
image322×806 24.7 KB

completely turned off, idk why its still happening but it is

#1695

This is really helpful thank you for sharing such great work!

#1696

What made you add a pineapple?

1 Like
#1697

For some reason when I do “Icon.new()” it creates 2 icons?

This is the script I’m using:

local Icon = require(game:GetService("ReplicatedStorage"):WaitForChild("Classes").Icon)
local icon = Icon.new()
icon:align("Center")
icon:setLabel("Example")
icon:lock(true)

This is what appears:
image

EDIT / SOLUTION:

This appears to be a problem with roblox, for some reason a localscript will also run inside of StarterPlayerScripts before cloning itself into PlayerScripts.

How did I fix it?

For a temporary fix, I simply put the localscript into ReplicatedFirst

2 Likes
#1698

Would there be any interest in introducing a way to align dropdowns from their default at the center?

Had to do this myself, but I’ll have to repeat the process of playtesting the values if I happen to change the current layout of my icons.

Icon:modifyTheme({
    {"Dropdown", "Position", Icon.isOldTopbar and UDim2.fromScale(3.7, 1.15) or UDim2.fromScale(2.7, 1.15)}
})
#1699

My topbar buttons are getting duplicated whenever I play the game


Any way to fix this?

I fixed it!

Put your script into ReplicatedFirst instead

1 Like
#1701

Hiya, the documentation for Themes seems to be missing (or I didnt dig far enough)
Am I able to return this UI design using the themes in TopbarPlus? Not a big fan of the current one and I’m struggling to find a way to get the result I’m looking for
image
thanks

#1702

How would I make a group of buttons like with the chat and menu, just with my custom buttons? (If it’s even a feature)
image

1 Like
#1703

image
does anyone know how to add Y-padding to this?

on the topic, does anyone know how to make it so it directly comes down and aligns like this instead of just being on the center?

image

1 Like
#1704

how do i fix the topbar, its too wide when i scale the images to 0.8
image