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

TheSpecialNone · September 27, 2022, 6:27am

@ForeverHD Please can you look into this as well, thanks!

ForeverHD · September 27, 2022, 6:45am

Sure can, is this happening in a game with R6 or R15?

I believe this might be happening because GetCoreGuiEnabled for Emotes still returns true (for enabled) even when disabled within games using R6. I can update TopbarPlus to account for this if that’s the issue.

R15:

R6:

ForeverHD · September 27, 2022, 12:08pm

Looking into this further I think it’s caused by the ‘Beta’ label offset for Voice Chat instead of the SetLeftOffset:

This activates on PC if your game has VoiceChatEnabled but remains invisible if your server size is larger than the maximum required for VoiceChat (I believe 50).

I recommend:

Increasing the offset to 190 IconController.setLeftOffset(190)
Disabling Voice Chat or reducing your server size to be less than 50 players

1Humza · September 27, 2022, 2:43pm

Thanks for the quick reply. I don’t have voice chat enabled in this game and server size is 8 players.

TheSpecialNone · September 27, 2022, 8:47pm

Yes, can confirm this is happening for R6.

ForeverHD · September 29, 2022, 10:20am

Thanks for your feedback, I’ve created a feature request as this is currently impossible to check for:

As a temporary patch I’ll introduce an IconController variable in 2.8.0 which you can update manually.

ForeverHD · September 29, 2022, 1:10pm

v2.8.0

Highlights🕺

Localization compatability
RichText compatability
New methods
New events
Many improvements and bug fixes

You can find all the chunky details here:

Important

If your game uses VoiceChat you must add the following code alongside your TopbarPlus code:

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

This is to overcome an issue from Roblox’s BETA label explained in more detail here.

Credit

Thanks to everyone who reported bugs and helped in this update:

wh3le · October 3, 2022, 3:47pm

Hey! I recently implemented TopbarPlus into my game, and my chat icon keeps disappearing. I’ve narrowed it down to TopbarPlus because when I disable the script, the chat icon will stay. Essentially what happens is when you click off of chat, the chat box and icon disappears for a few seconds, then reappears.

Before chat disappears:

After chat disappears:

Any idea how to fix this?

frrazers · October 4, 2022, 4:40pm

Replaced buttons on the side of the screen with top bar buttons

ForeverHD · October 6, 2022, 10:53am

and @BillB1ox https://devforum.roblox.com/t/topbarplus-v280-construct-intuitive-topbar-icons-customise-them-with-themes-dropdowns-captions-labels-and-much-more/1017485/599?u=foreverhd

This can now be achieved in v2.9.0 by doing:

IconController.disableControllerOption(true)

@AridFights1 https://devforum.roblox.com/t/topbarplus-v280-construct-intuitive-topbar-icons-customise-them-with-themes-dropdowns-captions-labels-and-much-more/1017485/168

Debounce is now also an official method in v2.9.0

icon:debounce(seconds)

hatespine · October 8, 2022, 11:25pm

Exit being named Ex?

I stop hovering and it becomes this huge?
For you to know, this is the only thing inside it (I’ve renamed it to Leave and it’s still occuring)

hatespine · October 9, 2022, 12:01am

I have tried this work around and still nothing

ValiantWind · October 9, 2022, 12:02am

Are there any errors in the output?

hatespine · October 9, 2022, 12:04am

Nope, just the screenshots I have shown which have weird behaviour (exit not being fully rendered and only ex shows), (when selected and un-hovered the button doesn’t return to the “normal” state with the size of an empty label)

Also you confused me and i thought u were @ForeverHD

thebrickplanetboy · October 9, 2022, 6:22am

You should set IconController.voiceChatEnabled to nil so everytime I won’t get a warning when I already set the value to false

--------------- I DON'T NEED TO DELETE THIS ---------------
		localPlayer.PlayerGui:WaitForChild("TopbarPlus", 999)
		task.delay(10, function()
			checkVoiceChatManuallyEnabled()
			if IconController.voiceChatEnabled == nil and success and enabledForUser and isStudio then
				warn("⚠️TopbarPlus Action Required⚠️ If VoiceChat is enabled within your experience it's vital you set IconController.voiceChatEnabled to true ``require(game.ReplicatedStorage.Icon.IconController).voiceChatEnabled = true`` otherwise the BETA label will not be accounted for within your live servers. This warning will disappear after doing so. Feel free to delete this warning if you have not enabled VoiceChat within your experience.")
			end
		end)
		------------------------------------------------------------------------------------------------------------

ForeverHD · October 9, 2022, 2:02pm

Good spot amigo, will add

@hatespine repo place file please

hatespine · October 9, 2022, 2:34pm

Here: Icon TopBar showcase bug - Roblox

JustAGameDeveloper1 · October 15, 2022, 2:36am

cool resource

2jammers · October 15, 2022, 2:43am

Please provide a description about the error and why its happening. Then someone could help.

JustAGameDeveloper1 · October 15, 2022, 2:45am

(I was on reddit so sorry for not the quick coming)

I dont know what happened, i just slapped it into ReplicatedStorage and apparently that happened

-- This retrieves the theme module under Icon
local iconModule = game:GetService("ReplicatedStorage").Icon
local Icon = require(iconModule)
local Themes = require(iconModule.Themes)

-- Here we utilise the many other icon methods. You can view all of them at the docs.
Icon.new()
:setImage(6326373239)
:setLabel("Nanoblox")
:setCaption("Nanoblox Caption")
:setTip("Open Nanoblox Panel (v)")
:bindToggleKey(Enum.KeyCode.V)
:setProperty("deselectWhenOtherIconSelected", false)
:set("iconFont", Enum.Font.GothamSemibold)
:setRight()
:notify()
:setTheme(Themes.YourThemeName)
:bindEvent("selected", function(icon)
	print("selected!")
end)
:bindEvent("deselected", function(icon)
	print("deselected!")
end)
:setDropdown({
	Icon.new()
	:setLabel("Item 1")
	,
	Icon.new()
	:setLabel("Item 2")
	,
	Icon.new()
	:setLabel("Item 3")
	,
	Icon.new()
	:setLabel("Item 4")
	,
})