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

How to make icon image bigger?
изображение
Its too small

Icon.highlightKey = false is not working for me…
Am I doing things wrong or what?

-- This allows for easy highlighting of the topbar when the
-- when ``Icon.highlightKey`` (i.e. DPadUp) is pressed.
-- If you'd like to disable, do ``Icon.highlightKey = false``

from TopbarPlus.Features.Gamepad

Try Icon:setImageScale(number)
I think 1 is the default.
Default is 0.5.

Is there any way to make the dropdowns have no corners?

i think the setTip and set methods are deprecated.

you can use:
icon:setCornerRadius(scale, offset, iconState)
or (i think)

icon:modifyTheme({
    {"IconCorners", "CornerRadius", UDim.new(0, 0)}
})

i want to change dropdown corners

I don’t think anyone should use this (there is probably a way better way of doing this) but,

Icon.dropdown.DropdownCorner.CornerRadius = UDim.new(0,0)
1 Like

:joinDropdown(icon) maybe?

1 Like

I found a way to allow the image to rotate but it will probably break many things. I don’t think anyone should use it.

-- Makes a frame so that anything inside it (the IconImage) can rotate
local Rotation = Instance.new("Frame")
Rotation.Parent = Icon.widget.IconButton.Menu.IconSpot
Rotation.BackgroundTransparency = 1
Rotation.Size = UDim2.new(1,0,1,0)
Rotation.Name = "Rotation"

-- Makes a clone of the Image in the frame whch will now be used as the real Image so that it can rotate,
-- but old one is kept so the size of the icon stays the same.
Icon.widget.IconButton.Menu.IconSpot.Contents.IconImage:Clone().Parent = Rotation
Icon.widget.IconButton.Menu.IconSpot.Contents.IconImage.ImageTransparency = 0.99

Rotation.IconImage.Rotation = 180 -- The rotation amount

:setImage() somehow still works after doing this.

Here’s some bugs:

  • Icon gets enabled even after being set to false, if setDropdown() is used.
  • If an icon that is in a dropdown is disabeld, it shows empty space,
    image
    where the icon would be.
  • Also images appear wayyy smaller…
    image
  • Dropdown items are not centered
    image
  • and also the icons look way worse with the classic topbar .? for example the box icon is way more pixelated, and they even appear to be lighter
    image
  • and also… if you have 2 right dropdown icons and open both of them but close one the leaderboard appears and overlaps the other one
    image

How do I make it so that when the Icon is selected, that it teleports the player to a place?

you also forgot that the font, because it was never changed, it uses Montserrat where Gotham was the font used prior to May 28, 2024. It’s pretty obvious in the images

where is version 3.0.3??

1 Like

Hey how would I make a dropdown inside of a dropdown?

same here, this is the error I get when trying to sync in

image

When I reset the old icon stays and stops working and then it creates a new icon

Hi, something seems to have changed as captions now appear within the button itself. This however does not happen on icons that have a default border size.

image
image

1 Like

Did Roblox change something big recently? I found a pretty significant bug and found no mention of it anywhere. BindEvent is acting global for all icons. At least all the selected and deselected events are tied together. It’s even present in the playground place. If you press the Mute button and then press any other toggle button (like premium, or test, or the wrench right next to it) it will also toggle the unmute button. Surely this is not the intended behavior?

I found the issue and it’s been mentioned a few times. I had to find it from debugging, but if anyone else comes across this you can fix it by setting autoDeselect to false. It helps to know what you don’t know I guess :joy:

Icon:autoDeselect(false)

How can I make text updates over time?

Icon.new()
:align("Right")
:setLabel(os.date("%X"))
:setTextFont(Enum.Font.Montserrat)