Help with fixing UI Scaling issues

Hi, I’m trying to fix this annoying issue my game’s donation GUI is having

On a 1920x1080 screen, the UI looks “normally sized”, something like this

But on basically every other device or screen size, it looks like this


kinda messed up

I’m trying to fix this issue with Uisize and UiAspectRatioConstraint, but it’s not helping me out as it only messes things up more.


If it helps this is what the explorer looks like:

image

I would appreciate any help, thank you in advance

Have you tried the plugin AutoScale Lite? It’s a really useful tool for ui sizing

A. Use a UIAspectRatioConstraint. You can calculate your ratioconstraint value by doing AbsoluteSize.X/AbsoluteSize.Y

B. Make sure you’re using scale values for the UIGridLayout sizing and positioning.

This wouldn’t work, as the UIGridLayout is overriding size and positioning values here. He/She should probably use a UIListLayout in horizontal order, but UIGridLayout does provide more functionality with sizing, so either or would work here.

All of my UI was made with Autoscale Lite

How do I get Absolute Sizes? I read somewhere else this was some Maths thing and it’s not 100% clear to me. My UI Grid Layouts do use Scale values, I basically never touch offset

It’s in the top of properties, should be grayed out a little, but still viewable.

Alright, found them. But because I’m using different image labels inside one frame should I have to change each one individually? Which Absolute Size(s) do I use: the UI Grid ones? The parent frame’s size?

I really am starting to Dislike working with UI