[HELP] How Can I Make UI Scaling Consistent?

I am asking how I could make my UI scaling look consistent for many different dimensions.

Ive noticed that when playing on a wider screen (especially with a large horizontal aspect ratio), my UI elements shift and move to incorrect positions, which makes my layout look inconsistent
and breaks my intended design (as shown in the reference image below).

WIDE VERSION:

INTENDED DESIGN:



add a UIAspectRatioConstraint (using a plugin, please!)

that way the actual LeftTab frame wont stretch on widescreens.

Good idea, but heres what happens if I add a constraint to the LeftTab

Try using Offset instead of Scale for the Position property?


did you use a plugin? (autoscale lite, ui tools, etc.)

also, when adding the constraint (with a plugin) add it when it has the desired look.

i always edit my UI, and add stuff on a 1920x1080 test device.

You mean to adjust this only to the LeftTab? Or every element inside of it?

I did use AutoScale for my UI, this time I’ve set LeftTab’s position to offset and here’s how it looks:


ah i see the problem you are talking about.

i would put the mango (currency frame) in the leftTab frame. then they can all scale together nicely.

might take a little work and editing, but it should suffice.

1 Like

thank you, both you and @Average_FreeTooPlay helped me fix this

solution is that I changed LeftTab’s position from scale to offset, and added a constraint to lefttab as well

1 Like