Using Aspect Ratio constraint on a frame with {1, 0, 1, 0} size

Help and Feedback Art Design Support
#1

I have a GUI with a base Background frame with sizing {1, 0, 1, 0} which contains all the other UI elements inside. However, when I try to use an Aspect Ratio constraint on that background frame, the UI elements have different positions across different devices even though I want to maintain a fullscreen sizing. The reasoning for the constraint is to maintain an equal size of the items within that background across all devices.

Regular UI size with constraint

image
image1293×798 7.77 KB

UI size with constraint on a different device

image
image1276×640 65 KB

How would I fix this issue?

#3

You don’t need to add a constraint on the background, it just needs to be 1,0,1,0 size and its perfect :+1:

#4

Wait, why would you need a aspect ratio constraint on the background? It is after all a background that is gonna fill the screen. Just set the size to (1,0,1,0)

1 Like
#5

Yeah the items inside are scale and they appear differently in other devices

#6

It shouldn’t do? I thought it would be 1,0,1,0 if parented directly under the ScreenGui

#7

I meant the items inside the background frame, not the background

#8

Ah, convert your UI contents position and size to Scale (the 1st and 3rd numbers of UDim2: {1,0,1,0})
I use a plugin to do this but you can easily change it to 1,0,1,0 and reposition :+1:

1 Like
#9

Add the constraint on the button and not the background, that should fix the issue with the weird scaling