Help with GUI Scaling

So, to keep things quick, I’m basically working on a fangame of a roblox “find the _” game, and the GUI index is a large part of said game.

In the original game, the topbar part of said UI seemingly uses offset or some kind of UIScale to make it remain the same size in pixels, whereas the rest of the index uses scale.


(regular scale on PC)

(still on PC, just with a much smaller window size - notice how the Y-axis of the topbar is still the same size in pixels)

Now, I can’t figure out how to do this with my GUI, as just using offset for the topbar causes weird stuff like this


to happen, where (since everything else is using scale) other GUI elements clip through the topbar.

I’ve tried a couple solutions like using UISizeConstraints, UIAspectRatioConstraints, but they all have the same clipping issue (or they just don’t do what I’m trying to achieve anyway).

If you have any ideas, please let me know, any help would be much appreciated!

1 Like

am pretty sure if u put buttons with offset size inside of a frame with scale size it will do that

edit: i tried it and it works (i think) make buttons with scale x but offset y inside of a scale frame

Hey there! Try using this plugin: AutoScale Lite. It’s a great way to position and size your UIs by adjusting the scale value instead of using offset.

If that doesn’t do the trick, you can also add UI constraints with the AutoScale plugin. I hope this helps! And let me know how it goes!

Edit: Don’t forget to apply this to all UI elements, like text and buttons, in addition to just the frames!
Edit 2: Someone else was having the same issue you can also check through the comments on how to fix it: UI Scaling issue HELP please

The issue here isn’t that the GUI isn’t scaling properly on all devices - my UI scales fine. What I want to happen is for only a certain part of the GUI to use offset, while the rest of it already uses scale.
The problem I’m having is that if I just change the topbar to use offset, it clips through the rest of the GUI (since everything else is using scale).

Hopefully that makes a bit more sense, lol.

Maybe try using Zindex to make it go on top if that’s what you are talking about.