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


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}
	})

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

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?

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

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

:setAlignment("Center")

Are you perhaps using v2 or v3?

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.


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

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

What made you add a pineapple?

1 Like

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

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)}
})

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

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

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

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

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

I’ve noticed that in the strongest battlegrounds, dropdowns have an animation that extend the dropdown when clicked. The dropdowns in this current version don’t do that. Is there a way to do animate the dropdowns so that they extend downwards when clicked?

1 Like

if you go to this test place and do ctrl+shift+f and type “cosmetics”
TopbarPlus v3 Playground - Roblox

You can find how a lot of games do it.
I think they show the green/red icon as an emoji. :green_square:/:red_square:

2 Likes

may be cause TSB uses an older version.
if you join the game, then press F9, you can see it says “The Strongest Battlegrounds uses Topbar+ v2.9.1” so that might be the case
also i don’t know if the version is correct

1 Like