Dang. I wish the UI wasn’t forced on us.
Thanks for telling us 
Can you share some images/videos of what you mean. It sounds like what you want can already be achieved with nested dropdowns and menus.
2 Likes
How do i make the Topbar toggle open a frame
Im creating a Admin Only Topbarbutton that if you press and Admin Panel Opens
Pls show me how to script it
i’d suggest you read the post before asking that
1 Like
Is there any possible way that the dropdowns and side menus can have more than one selection? I’m trying to make an auto delete feature in my game with this and each dropdown button says, Common, Rare and so on. Since only 1 button can be selected at a time, only one rarity will be deleted, but I want the player to be able to auto delete more than one rarity.
Sure can! See:
i.e. do:
icon:setProperty("deselectWhenOtherIconSelected", false)
Although dropdowns/menus should automatically set this for their descendant icons so you shouldn’t have to worry about doing anything at all.
3 Likes
Hello there, I currently have Topbar in my game, and wanted to change the icon. I uploaded an image to ROBLOX, and changed the image ID but unfortunately all I received was this in-game?
This happened to me when my image was moderated, try using another image.
1 Like
I’m still a little confused on how to use this. Do we have to use a module script/scripts to be able to use the functions of the ui or is there a different way to actually make the ui that can perform the exact same functions the model provids.
Sorry if this question is unclear
Sorry, another question, so I created a money top bar label and it works fine, it shows the amount of money a player has. I then created a dropdown menu that has other multiple stats in it, for example, fish. I cant seem to find a way to loop the :SetLabel in a dropdown to keep updating the amount of fish a player has, any help?
It’s important you use the AssetId instead of the WebsiteId:
An easy way to retrieve an image’s AssetId is by right-clicking the item within the Toolbox or Asset Manager:
2 Likes
Roblox don’t provide support for anything icon-related on the topbar which is why I created this.
To use TopbarPlus you need to place the Icon module within ReplicatedStorage and then to construct your icons within a LocalScript under StarterPlayerScripts.
We’re aiming to release some tutorials soon to help.
4 Likes
You can use the :give method to achieve this (which I’ll likely later rename to :call in the next version which more accurately reflects what it does).
e.g:
Icon.new()
:setDropdown({
Icon.new()
:setLabel("Category 1")
:give(function(icon)
task.spawn(function()
for i = 1, 10 do
icon:setLabel("Test label "..i)
task.wait(1)
end
end)
end)
,
Icon.new()
:setLabel("Category 2")
,
Icon.new()
:setLabel("Category 3")
,
})
2 Likes
@ForeverHD Hey there! I noticed a weird issue and I wasn’t sure where to do a bug report so I’m just putting it here. If an icon is “selected” and you have a tooltip set for it, it won’t show if in the “selected” state, unless you were already hovering over it when u selected it. My code:
icon.selected:Connect(function()
icon:setTip("Click to Close Spawner")
end)
icon.deselected:Connect(function()
icon:setTip("Click to Open Spawner")
end)
Note: the code provided had more functionality but to make things simpler that is my code. icon is not defined here but it is in my script.
Videos below:
1 Like
I’m pretty sure this is meant to happen since if you were to have a button that opens a list of sorts, you wouldn’t want that going over the list. I don’t know for certain if this is the reason why it does this though. If this is meant to happen, there might be a way for you to modify it to remove this.
Thats the point of “setTip”
It will only appear when the cursor is hovering over the icon.
Wait can someone explain how the currency UI in the demo video works? I don’t understand how the numbers move up and down unless each number shown is its own TextLabel.
For example:
12,345 is made up of 5 textlabels, one for each number shown.
It doesn’t display the tip though in this part, https://shrek-is.life/f/VkRNZf.png - even though I am hovering over it
