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

LocalWE · March 14, 2021, 4:27am

Hello! So I am trying to set up my admin module with Topbar+ v2. Topbar+ v1 was working just fine. I changed the number, and it no longer works.

require(6311707237)

If anyone can help, please let me know. Thanks

ForeverHD · March 14, 2021, 12:05pm

Hi there, instead of auto-updating via a MainModule, v2 auto publishes all the latest releases to our GitHub repo and model:

For v2 all you have to do is move the TopbarPlus (aka Icon) module to ReplicatedStorage then require that from the client.

Do note v2 is not 100% compatible with v1 - it has some slightly different methods and events, and themes have been completed upgraded.

ForeverHD · March 16, 2021, 10:55am

Important update: we’ve just discovered and patched a critical bug with the overflow that was causing icons to be randomly hidden. We highly recommend all users update to the latest v2.3.1 release which can be done by re-adding the TopbarPlus model or downloading the latest release:

Overfearful · April 12, 2021, 2:25am

Hey!

Why is this happening?

When going in freecam mode (Shift+P) and going back it seems to fix it

LucasMZ_RBX · April 12, 2021, 6:25am

That seems like an older bug! Try updating the module on your game!

ForeverHD · April 12, 2021, 8:18am

Hi there, as Lucas mentioned this is likely to do with a bug mentioned in this release:

Can you update to the latest version and let us know if that fixes it? If not, can you share your icon constructor code?

Overfearful · April 15, 2021, 1:22am

Yep i was just on an older version, thanks!

ForeverHD · April 16, 2021, 7:33am

Can you provide details on how you reproduce this? If you could share an uncopylocked stripped down-place of just the isolated bugged icons even better.

dragmine149 · April 24, 2021, 3:08pm

Hello,

I’m also getting this bug, I’ve only started playing around with it recently and have already ran into this bug.

What i have done:
Added a wait before the icon function – Same Bug
Reimported the script – Same Bug

As Overfearful says, going into freecam and out again fixes it.

Here is a portion of the code,

local Fly
local Flyimg = "https://www.roblox.com/library/3170108676/letter-f"
local GS
local GSimg = "https://www.roblox.com/library/419504645/Letter-G"
local S
local Simg = "https://www.roblox.com/library/195452703/Letter-S"

function MakeIcons()
	-- Quick shortcuts to certain things
	-- Fly
	Fly = icon.new()
	Fly:setImage(Flyimg)
	Fly:setTip("Lets you fly!")
	Fly:setOrder(2)
	GS = icon.new()
	GS:setImage(GSimg)
	GS:setTip("Lets you skip anything that needs a gamepass")
	GS:setOrder(3)
	--Spawn
	S = icon.new()
	S:setImage(Simg)
	S:setTip("Teleports you to spawn")
	S:setOrder(4)
end

MakeIcons()

And another intreasting bug is that the images aren’t showing up on the buttons, Even when the buttons overlap any idea on how to fix this (and the main bug)?

Thanks.

ForeverHD · April 24, 2021, 3:38pm

What version of TopbarPlus are you using? Can you update to the latest version (i.e. re-add the model back into your game) and see what happens. This sounds very familiar to a bug we patched in a previous version.

Edit: I’ve just tested your code and there does appear to be a bug. Ill look into this now

ForeverHD · April 24, 2021, 4:14pm

Thanks for the report, this should be patched now:

dragmine149 · April 24, 2021, 4:20pm

Just imported into the game with the code and it works. Thanks!
I am still getting the promblem with the images though, Do you know anyway to fix that?

ForeverHD · April 24, 2021, 4:25pm

Make sure to use the AssetId instead of the WebsiteId.

An easy way to convert a WebsiteId into an AssetId is by pasting it into the Texture property of a Decal for instance.

You can also get the AssetId by right clicking an item in the toolbox!

dragmine149 · April 24, 2021, 4:32pm

Ah, Thanks again!

This is an amazing module with a useful api document to learn. This module lets user have shortcuts to different settings or just make the screen cleaner altogether. I would definitly recommend this to someone else if they needed something like this.

iShouldG0 · April 24, 2021, 4:50pm

Fix your module

ForeverHD · April 24, 2021, 5:04pm

See Topbarplus - Contributing for writing bug reports. The image you pasted is for a script called MilkAdmin instead of TopbarPlus.

slothfulGuy · April 27, 2021, 5:31am

Why did this happen?

apenzijncoolenleuk1 · April 27, 2021, 4:35pm

Hi @ForeverHD

Thanks for making this awesome module!

I was wondering if it would be possible to have just the image on the topbar, and when the mouse hovers over the image, it would display the text next to it (smooth tweening motion).
Is this already possible?

ForeverHD · April 27, 2021, 7:42pm

That was some incorrect error handling on my behalf! Feel free to reinstall TopbarPlus and it should be fixed now:

ForeverHD · April 27, 2021, 7:45pm

Sure can, make sure you have the latest version which I just released and do something like below:

local function selectLabel(icon)
	icon:setLabel("Nanoblox")
end
local function deselectLabel(icon)
	icon:setLabel("")
	icon:setSize(32)
end
local nanobloxIcon = Icon.new()
	:setImage(6326373239)
	:setImageYScale(0.5)
	:bindEvent("hoverStarted", function(icon)
		selectLabel(icon)
	end)
	:bindEvent("hoverEnded", function(icon)
		if icon.isSelected then
			-- This keeps the label open whilst the icon is selected
			selectLabel(icon)
			return
		end
		deselectLabel(icon)
	end)
	:bindEvent("deselected", function(icon)
		if not icon.hovering then
			-- This ensures the label returns to its deselected size and text
			deselectLabel(icon)
		end
	end)

You can can customise the resizing tween by setting the resizeTransitionInfo, for example:

:set("resizeTransitionInfo", TweenInfo.new(0.2, Enum.EasingStyle.Back))

I’ve also updated the playground to include this example: