Is there a new template for the new buttons?

Help and Feedback Art Design Support
#1

I used an Icon Module that mimicked the styled of icons for ROBLOXs top bar so that all extra buttons would be flush, but with the new update things look completely wonky.
image

Is there a module/template that I can use to make them proper again?

3 Likes
#2

Are you seeing this in Roblox Studio or in-game?

1 Like
#3

in studio, is this maybe a new update coming in?

#4

Yeah, it seems that way, but I don’t know if they will release it to PC through.

#5

In case you missed it, Roblox released a " TopbarSafeInsets " feature that lets you make your UI compatible with the new Experience Controls/default topbar menu. You can turn this feature on ScreenGui (Appearance>ScreenInsets>TopbarSafeInsets). You don’t need big UI changes. If you want to mimic the menu truly then make your button’s size offset to 46 (X&Y), BackgroundTransparency 0.3, and change UICorner’s CornerRadius scale to 1.
The only thing I can’t help with is UIListLayout’s padding. Padding will look different on every platform no matter what (I set the padding offset to 10).
Let me know if this helps!

Sources: Studio Beta for Experience Controls Available Now - #427 by JuiceBoxYoda
ScreenGui | Documentation - Roblox Creator Hub