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

Resources Community Resources
#1705

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
#1706

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:

1 Like
#1707

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
#1708

Do :setAlign(alignment)
change the alighment to Left Center or Right

1 Like
#1709

Is it possible to make conditional-based dropdown options? I have two different :SetIcon() in the dropdown and I only want both of them to have a different conditional to show on the dropdown.

1 Like
#1710

Unsure why, but latest version of wally package does not work with rojo. It installs the package in my files correctly, but trying to connect to a place doesn’t sync. 100% related to this package, as removing it clears all issues

3 Likes
#1711

For some reason, when the “Icon” Module is required. It catches a error from “Roact”

image
image1347×539 98.2 KB

This happens from JUST requiring it. Latest version and placed in replicated storage. No modifications.

Do you know what this is?

1 Like
#1713

I second this, I recently imported TopBarPlus V3.0.0 into my game, when I tried to require it, it showed that exact error. However, once it shows up my icons still seem to work.

Sure, my game still works out correctly… but I don’t want an error pop up each time a client joins the game to eventually show up in the error report.

1 Like
#1714

Yeah, Seems like the OP hasnt been active recetnly. Hoppefully he can fix it or else ill be forced to do all that boring searching myself…

1 Like
#1715

how do i make right alignment overflow to default as false in isEnabled? Is it just me or is the Caption + Overflow is a mess since the dynamic scaling of screen sizes and people resizing there windows, the caption refuses to stay under its icon.

1 Like
#1716

use :call(function(Icon)
what ever conditionals
end)

#1717

TopBarPlus has started to completely lose functionality.

Bugs:

  1. Runtime error (Roact).
  2. No longer sorts (Depends on constructor class).
  3. Loses functionality with UI interactivity randomly.
  4. Does not detect new Voice Chat Icon.

Fix:

  1. Find a new maintainer.
  2. Fix it @ForeverHD.
  3. Retire project.
4 Likes
#1718

Hi, I love TopBar Plus, I think it’s a great idea, but when I was using it today, I’m experiencing a slight issue. So when I was testing it inside of Studio, I noticed that the UI is duplicating.

I am making a Menu selection for my UI so the player doesn’t have like 50 buttons on their screen, but the menu is duplicated even though I only put the code in there once. I honestly can’t figure out why it’s duplicating everything.

1 Like
#1719

I’m having the same problem, I saw a comment somewhere in this thread that the “solution” was to move the script to Workspace/ReplicatedStorage, that worked for me.

It’s not really a solution, more of a workaround and maybe I need to find a way to solve it, since it breaks the organization I set up for my scripts a bit.

PS: It was in StarterPlayerScripts without ResetOnSpawn enabled so I don’t think that’s the issue (as OP mentioned it in other replies)

1 Like
#1720

What script do we move? I moved the Icon script into game.ReplicatedStorage.

1 Like
#1721

I moved the localscript & the icon script to the Replicated Storage

2 Likes
#1722

Will it still work properly if the local script is in game.ReplicatedStorage? I’ve never put a local script there before.

What the hell, it worked. I fail to see how just moving it a little fixes it…

2 Likes
#1723

I can confirm that, I have the exact same issue. Can you fix the wally package @ForeverHD ? :slight_smile:

Thanks!

3 Likes
#1724

Apologies in advance for the n00b question but given the following dropdown:

Icon.new()
    :setLabel("Example")
    :modifyTheme({"Dropdown", "MaxIcons", 3})
    :modifyChildTheme({"Widget", "MinimumWidth", 158})
    :setDropdown({
        Icon.new()
            :setLabel("Category 1")
        ,
        Icon.new()
            :setLabel("Category 2")
        ,
        Icon.new()
            :setLabel("Category 3")
        ,
    })

How do I automatically close the dropdown once an item is selected?

I’ve attempted:

:setDropdown({
        Icon.new()
            :setLabel("Category 1")
            :bindEvent("selected" ,function(icon)
			print("selected")
            icon:deselect() -- I also tried icon:oneClick()
		end)

without success.

#1725

You need to deselect the I think it’s called widget?

local myMainIcon = Icon.new() -- ... args

myMainIcon:setDropdown({
    Icon.new():bindEvent("selected", function(self)
        myMainIcon:deselect()
    end)
})
1 Like