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

You can just use icon:deselect() for that.

Sample script:


local Icon = require(game:GetService("ReplicatedStorage").Icon)
local Players = game:GetService("Players")
local icon = Icon.new()
:setLabel("Sample", "hovering")
icon.deselected:Connect(function()
— Do stuff
icon.selected:Connect(function()
task.wait(3) — Change the time to whatever you want
icon:deselect()
end)
2 Likes

Okay thank you very much! Appreciate it

1 Like

Help

bug -
I just noticed a new bug if you use coregui to disable your chat then enable it agian this happens

1 Like

I’ll create an issue in the repo for you.

Edit: done.

:setImage doesn’t put the image in that I wanted, not in studio nor in game. It will accept the icons you used in your example, however

You can only use the Image’s ID

I know. I do :addImage(ID) and it does not load the image.

1 Like

What’s the “Beta” thing called? I’m not able to find it anywhere and I’ve seen it in a game once. I’m pretty sure when you click on it it invites you to a beta group or something like that.

Its the voice chat beta notice, UX for is is extremely stupid and I absolutely hate where they have it. Disrupts all experiences that use VC and not sure why roblox hasn’t made the change to put it into a less disruptive location.

1 Like

Hello, I’ve heard of TopbarPlus for a while but haven’t got the chance to use it until recently. I ran into an issue where in a game with the player list (toggled with the Tab key) is disabled, but creating and toggling a dropdown menu re-enables the list as soon you click on it twice. How could I resolve this?

Here is what I have so far:
Located in a LocalScript that is parent of a GUI in StarterGUI.

local ReplicatedStorage = game:GetService("ReplicatedStorage")

local Icon = require(ReplicatedStorage.Icon)
local IconController = require(ReplicatedStorage.Icon.IconController)

local settingsDropdown = Icon.new()
:setImage(2484556379)
:set("dropdownSquareCorners", true)
:setRight()
:setDropdown({
	Icon.new()
	:setLabel("Button 1")
	,
	Icon.new()
	:setLabel("Button 2")
	,
	Icon.new()
	:setLabel("Button 3")
	,
})

Located in a LocalScript that is parent of StarterCharacterScripts.

local StarterGui = game:GetService("StarterGui")
StarterGui:SetCoreGuiEnabled(Enum.CoreGuiType.PlayerList, false)

I still find this error happening.

HI, thanks for your report! This is a slight logic error in TopbarPlus which I’ll open up a ticket for.

You can easily fix this for the time being by doing:

:set("dropdownHidePlayerlistOnOverlap", false)

Therefore:

local ReplicatedStorage = game:GetService("ReplicatedStorage")

local Icon = require(ReplicatedStorage.Icon)
local IconController = require(ReplicatedStorage.Icon.IconController)

local settingsDropdown = Icon.new()
:setImage(2484556379)
:set("dropdownSquareCorners", true)
:setRight()
:set("dropdownHidePlayerlistOnOverlap", false)
:setDropdown({
	Icon.new()
	:setLabel("Button 1")
	,
	Icon.new()
	:setLabel("Button 2")
	,
	Icon.new()
	:setLabel("Button 3")
	,
})
3 Likes

Inctus has a great section explaining how to retrieve the imageId here:

It’s important that the assetId/imageId is used instead of the websiteId

1 Like

How can I align a separate GUI with the start of the Topbar icons?

It seems I may have found a bug? Not too sure, anyway. When using the topbar billboard GUI’s are unable to interact with the users mouse. This works fine when the topbar is disabled.

TopbarPlus enabled: [bug]
https://gyazo.com/1185330abf43f963fd859752a653ac8e

TopbarPlus disabled: [how it should work]
https://gyazo.com/54b00e3a57719dbe81501b5505ac28d0

Any ideas?

Hi @ForeverHD, is there a feature so it automatically moves the topbar button if the backpack and leaderboard are both disabled.

Currently, it stays like this if they are disabled:
image
Thanks :slightly_smiling_face:

1 Like

It gives me an error while trying to use the dropdown feature, to be exact

Icon:deselec()

Code:
image
Error in the output.

Remove the Donations part and just have :setDropdown instead.

1 Like

Alright thank you, will notify you if there are any issues.

1 Like