How to add more ui inside the topbar ui

Help and Feedback Scripting Support
#1

So I’m trying to add a UI inside my topbar UI:

png
png512×512 5.16 KB

I want to add UI like the red, green and blue ui’s.

Topbar:
https://devforum.roblox.com/t/topbarplus

Like bedwars:
image

2 Likes
#2

In the ScreenGUI, just set ‘ignoreguiinset’ to false. Then, you can start positioning it to where you want, like the topbar.

1 Like
#3

But that would make the gui size off.

1 Like
#4

You could always resize it.
I don’t know any other way to make a UI item go into the topbar area though.
Also IgnoreGuiInset only makes it so it ignores the limitations from the topbar. (You can put stuff behind the menu button too I think.)

#5

I did put the link to the Topbar module.
https://devforum.roblox.com/t/topbarplus

1 Like
#6

Yeah…
It says access denied.
:[

1 Like
#7

I think this is the link: TopbarPlus v2.9.1 | Construct intuitive topbar icons; customise them with themes, dropdowns, captions, labels and much more

1 Like
#8

Pretty sure Bedwars used IgnoreGuiInset. That way, they can easily edit the items in the custom topbar.
But I think this is how you add stuff to it.

--in the require script
-- 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)
	:bindToggleItem(nanobloxFrame)
	: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")
		,
Icon.new()--start copy here
		:setLabel("Item 4")--set label
		,--stop copy here
	})
1 Like
#9 
:setDropdown({
		Icon.new()
			:setLabel("Item 1")
		,
		Icon.new()
			:setLabel("Item 2")
		,
		Icon.new()
			:setLabel("Item 3")
		,
		Icon.new()
			:setLabel("Item 4")
		,
Icon.new()--start copy here
		:setLabel("Item 4")--set label
		,--stop copy here
	})

This part? I have tried this but it doesn’t show up.

1 Like
#10

Oops, sorry, the code I sent had the same Label.
Did you try to change it to :setLabel("Item 5") ?

1 Like
#11

I don’t want a click for a drop down, I want it like this:
image

#12

You could try the

Icon.new()

without the

:setDropdown({})

There might be a way to change the size and position of the image too.