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

Resources Community Resources
#1770 
local unitlist = require(game:GetService("ReplicatedStorage").Unitstatsclient)
local event = game.ReplicatedStorage.spawn

local iconlist1 = nil
local iconlist2 = nil
local iconlist3 = nil

local Icon = require(game:GetService("ReplicatedStorage").Icon)
local unitdropdown = Icon.new()
	:align("Right")
	:setLabel("Units")
	:modifyTheme({"Dropdown", "MaxIcons", 3})
	:modifyChildTheme({"Widget", "MinimumWidth", 158})
	:setDropdown({
		iconlist1 = Icon.new()
		:setLabel(unitlist.Units.Unit1.Name),
		
		iconlist2 = Icon.new()
		:setLabel(unitlist.Units.Unit2.Name),
		
		iconlist3 = Icon.new()
		:setLabel(unitlist.Units.Unit3.Name),
})

iconlist1.selected:Connect(function(fromSource)
	local tospawn = "Unit1"
	event:FireServer(tospawn)
end)
#1771

I don’t see why this should work as intended. You initialize 3 different variables (iconlist 1-3), but they are never assigned anything but nil, which I am sure wasn’t what you had in mind. Yes, there are respective keys named iconlist1, iconlist2 and iconlist3 within the dictionary you provide as an argument to the :setDropdown() method, but these are local to the table (!) and do not function in the same way the initial variables do - meaning that, by declaring them within the dictionary, you do not change the value of the initial variables.
You can test this yourself by printing out the value of iconlist1 before indexing it with .selected like so:

local unitlist = require(game:GetService("ReplicatedStorage").Unitstatsclient)
local event = game.ReplicatedStorage.spawn

local iconlist1 = nil -- initializing variable, setting it to nil for now

local Icon = require(game:GetService("ReplicatedStorage").Icon)
local unitdropdown = Icon.new()
	:align("Right")
	:setLabel("Units")
	:modifyTheme({"Dropdown", "MaxIcons", 3})
	:modifyChildTheme({"Widget", "MinimumWidth", 158})
	:setDropdown({
		iconlist1 = Icon.new() -- declaring an 'iconlist1' key within the dictionary 
        -- does this have any effect on the iconlist1 variable we initialized earlier?
		:setLabel(unitlist.Units.Unit1.Name),
})

print(iconlist1) -- this will print nil - iconlist1 did not change!
#1772

This one should work - notice how iconlist is now a dictionary that contains all the iconlist variables you declared in your original script.

local unitlist = require(game:GetService("ReplicatedStorage").Unitstatsclient)
local event = game.ReplicatedStorage.spawn

local iconlist = nil

local Icon = require(game:GetService("ReplicatedStorage").Icon)

local function getIconList()
	iconlist = {
		iconlist1 = Icon.new()
			:setLabel(unitlist.Units.Unit1.Name),

		iconlist2 = Icon.new()
			:setLabel(unitlist.Units.Unit2.Name),

		iconlist3 = Icon.new()
			:setLabel(unitlist.Units.Unit3.Name),
	}
	return iconlist
end

local unitdropdown = Icon.new()
	:align("Right")
	:setLabel("Units")
	:modifyTheme({"Dropdown", "MaxIcons", 3})
	:modifyChildTheme({"Widget", "MinimumWidth", 158})
	:setDropdown(getIconList())


iconlist.iconlist1.selected:Connect(function(fromSource)
	local tospawn = "Unit1"
	event:FireServer(tospawn)
end)
#1773

This makes much more sense, thanks for the help!

#1774

Does anyone know why the tweening effect of dropdowns from v2 was removed in v3? Or is there a way to get it back.

#1775

I absolutely love the new TopbarPlus, but I have recently found a few things that do need fixing or to be added to this after using it for a while now

To be added:

To be fixed

5 Likes
#1777

Hey @ForeverHD , I noticed that when using --!strict mode, the third argument of methods “modifyTheme” and “modifyChildTheme” have a type checking error : "Type ‘number’ could not be converted into ‘string’

image
image716×67 3.87 KB

I correctly followed the documentation soo there no problem on this part
image

Just reporting this here so incase in a next update you’d like to fix this little issue

2 Likes
#1778

there is a gamepad image even though, im on pc and not using the device emulator! can you fix that please?
Screenshot 2024-11-26 123209

2 Likes
#1779

Hey @LagGX_Reals , this might be an issue with Roblox Studio. Not TopbarPlus. I see this in studio but not an actual game.

2 Likes
#1780

I’ve made an Icon, but quite commonly, this annoying plus button is beside it. Sometimes it’s not there, but most of the time it is. How do I remove it?
image

2 Likes
#1781

Oh… Oops, I didn’t think anyone had posted about it until I posted mine and scrolled up.

I hope it’s an issue with Studio, only noticed it when the Device Emulator update came out.

#1782

Having the same problem.
Press \ twice to remove it. I don’t know a full fix to this problem but that’s how you remove it in-game (that’s the console Icon)

#1783

grafik

Can recommend the following for the Notice module:
(if you know, you know)

	-- [[ CUSTOM 
	UIStroke.Color = Color3.fromRGB(100,0,0)
	--
	notice.BackgroundColor3 = Color3.fromRGB(255, 33, 71)
	--
	noticeLabel.Font = Enum.Font.ArimoBold
	noticeLabel.Text = "!"
	noticeLabel.TextScaled = true
	noticeLabel.TextColor3 = Color3.fromRGB(255, 255, 255)
	--]]

…

		noticeLabel.Text = noticeDisplay == 1 and "!" or noticeDisplay -- CUSTOM
3 Likes
#1784

Bug Report:

Tweening out the topbar icons will result in buggy visuals, so I have to resort to disabling them instantly with that setTopbarEnabled function.

1 Like
#1785

2nd Bug Report:

Using setTopbarEnabled still causes buggy exclamation mark visuals. It has to find its spot like a bunny.

Hopefully this could get fixed

2 Likes
#1786

3rd Bug Report:

Clicking on a button, which is immediately disabled through setTopbarEnabled results in the hover effect getting stuck

1 Like
#1787

Alright, stupid question that’s probably already been answered here, but I’ve never used TopbarPlus before.
How do we convert icons from the v2 style into v3? I’ve installed v3, but my buttons are still v2 while the modern GUI is still there, covering them.
Screen Shot 2024-12-01 at 12.20.52 AM

#1788

It automatically detects the v2 and v3 style and update the icons accordingly, so most likely you somehow aren’t using v3.

#1789

Can someone help me? I dont know why its not working…

donateIcon.selected:Connect(function()
	game.Players.LocalPlayer.PlayerGui.DonationUI.MainFrame.Visible = true
end)
#1790

when is wally getting fixed hm hm hm bruh