No worries. Next time, check the output for errors first!
My forked version: v2.9.2-alpha
Yea well i found a new bug which makes it so i can’t see my image…
Can you describe it and give me a repo script/place.
Sorry for the late reply, was at school.
local leaderboardbutton = icon.new()
leaderboardbutton:setImage("14811714961")
Use rbxassetid://[your_id] instead:
local leaderboardbutton = icon.new()
leaderboardbutton:setImage("rbxassetid://14811714961")
Yea well it’s still not working for some reason…
And i also noticed that the icons are a bit offset from the original ones.
Currently Investigating.
Will be fixed for the next version!
TopbarPlus Forked
v2.9.3
Fixes
Fixed Icons not aligning properly with new Topbar
Fixed Icons resetting their state after theme changed
Get the Module here:
6 Likes
Nice work! I love the fork.
On a side note, I personally think that the new topbar isn’t necessary. I don’t understand why Roblox decided to remake it. As they say: if it aint broken, don’t fix it.
2 Likes
I hate that sentence.
Designs change every few years. its not like you’re going to keep your design from 2006 just because it isn’t broken.
2 Likes
I’m not saying designs should never change. I’m saying that changing the topbar design right now isn’t necessary. The old design was not released in 2006. It was released in 2020. All they did was change the position of the buttons to a place that’s less ideal to access.
6 Likes
yep i fixed it ,let me know if you find other bugs
1 Like
this is unreliable for new work.
I have a fork which I will be supporting for the time being.
It supports hybrid (Old & New Roblox Topbar!)
6 Likes
Hello, Im having a issue where on the dropdown, if person selects another icon from another dropdown it just deselects the one from the 1st dropdown aswell how do i fix this??
local icon3 = Icon.new()
:setImage(8285106104)
:setTheme(Themes.BlueGradient)
:setCaption("Set SpawnPoint")
icon3:setDropdown({
Icon.new()
:setLabel("Regular")
:setProperty("deselectWhenOtherIconSelected", true)
:setTheme(Themes.BlueGradient)
:bindEvent("selected", function(self)
prspawn = false
celspawn = false
regspawn = true
print("set spawn to reg")
game.Players.LocalPlayer.Character.Humanoid.Health = 0
end)
:bindEvent("deselected", function() -- tween out
regspawn = false
end),
Icon.new()
:setLabel("Prison")
:setProperty("deselectWhenOtherIconSelected", true)
:setTheme(Themes.BlueGradient)
:bindEvent("selected", function(self)
regspawn = false
celspawn = false
prspawn = true
print("set spawn to prison")
game.Players.LocalPlayer.Character.Humanoid.Health = 0
end)
:bindEvent("deselected", function() -- tween out
prspawn = false
end),
Icon.new()
:setLabel("Prison Cells")
:setProperty("deselectWhenOtherIconSelected", true)
:setTheme(Themes.BlueGradient)
:bindEvent("selected", function(self)
regspawn = false
prspawn = false
celspawn = true
print("set spawn to Cells")
game.Players.LocalPlayer.Character.Humanoid.Health = 0
end)
:bindEvent("deselected", function() -- tween out
celspawn = false
end),
})
-- [Vars] --
local RS = game:GetService("ReplicatedStorage")
local lighting = game:GetService("Lighting")
-- [Skies] --
local Skies = RS.Skies
local AesthSky = Skies.Aesth
local WinterSky = Skies.Winter
local GalaxySky = Skies.Galaxy
local VibeSky = Skies.Vibe
local sky = lighting:FindFirstChild("Sky")
local icon6 = Icon.new()
:setImage(4458806371)
:setCaption("Graphics")
:setTheme(Themes.BlueGradient)
icon6:setMenu({
Icon.new()
:setLabel("Vibe")
:setProperty("deselectWhenOtherIconSelected", true)
:setTheme(Themes.BlueGradient)
:setCaption("Vibe Graphics")
:bindEvent("selected", function()
wait(0.5)
sky.Parent = Skies
VibeSky.Parent = lighting
end)
:bindEvent("deselected", function()
Skies:FindFirstChild("Sky").Parent = lighting
VibeSky.Parent = Skies
end)
,
Icon.new()
:setLabel("Winter")
:setProperty("deselectWhenOtherIconSelecteds", true)
:setTheme(Themes.BlueGradient)
:setCaption("Winter Graphics")
:bindEvent("selected", function()
wait(0.5)
sky.Parent = Skies
WinterSky.Parent = lighting
local colorc = lighting.ColorCorrection
colorc.Saturation = -0.4
end)
:bindEvent("deselected", function()
Skies:FindFirstChild("Sky").Parent = lighting
WinterSky.Parent = Skies
local colorc = lighting.ColorCorrection
colorc.Saturation = -0.2
end)
,
Icon.new()
:setLabel("Galaxy")
:setProperty("deselectWhenOtherIconSelected", true)
:setTheme(Themes.BlueGradient)
:setCaption("Galaxy Graphics")
:bindEvent("selected", function()
wait(0.5)
sky.Parent = Skies
GalaxySky.Parent = lighting
end)
:bindEvent("deselected", function()
Skies:FindFirstChild("Sky").Parent = lighting
GalaxySky.Parent = Skies
end),
Icon.new()
:setLabel("Aesthetic")
:setProperty("deselectWhenOtherIconSelected", true)
:setTheme(Themes.BlueGradient)
:setCaption("Aeshetic Graphics")
:bindEvent("selected", function()
wait(0.5)
sky.Parent = Skies
AesthSky.Parent = lighting
local colorc = lighting.ColorCorrection
colorc.Saturation = -0.4
colorc.TintColor = Color3.fromRGB(238, 233, 255)
end)
:bindEvent("deselected", function()
Skies:FindFirstChild("Sky").Parent = lighting
AesthSky.Parent = Skies
local colorc = lighting.ColorCorrection
colorc.Saturation = -0.2
colorc.TintColor = Color3.fromRGB(255, 248, 237)
end)
})
This is absolutely beautiful! Thank you for creating this module.
1 Like
