UI Scaling Issue

Hello my friends! I have a problem…
I have tried for a long time to make a proper scaling GUI, but I keep failing.
Here’s an example of what happens:
https://gyazo.com/f990e5711324b103d37f8576e9c88688

Now, how do I fix this!?
Help is much appreciated.

I don’t see anything wrong? Its just autoscaling.

1 Like

Maybe you’re looking for a UIAspectRatioConstraint? It’ll keep the shape (or aspect ratio) of the UI the same, so if you have a UI that’s 100x100 and you resize your window to be very thin, it’ll still be a 1:1 ratio, maybe something like 50x50.

1 Like

maybe use some sort of UIListLayouts and Containers for similar functionality regions?

You are looking for a UIAspectRatioConstraint. The best way to apply them is to get the autoscale lite plugin, and press add constraint on your frame. Then, under properties, set AspectType to ScaleWithParentSize. That should fix your issue, though you may want to parent the frame under another frame with padding, since if the screen size hits the same size as the frame, it will cover the entire screen.

1 Like

Thank you for your answer! Do I put the UI Constraints also under the other GUI elements or just the frames?

Usually just the first frame.