How would I fix this GUI's size

Hey DevForum, I’m currently trying to make a gui the same size for every device, and it works except this one bit…

This is how the gui looks like:
Screenshot_1838
However, on any other device it looks like this:
Screenshot_1839
Either too small or too big.
I have tried using constraits, setting size to scale instead of offset and viceversa. Nothing seems to work

Explorer (In-case it’s needed):
Screenshot_1841

Trails is a ScrollingFrame

2 Likes

To fix this I suggest messing around with the SizeConstraint property.

image

1 Like

Didn’t change anything sadly. (30chars)

Are you using scale for both position and size?

Using offset for position and scale for size
Screenshot_1842
Screenshot_1843

It looks like you have already scaled it down, use UIAspectRatioConstraint UIAspectRatioConstraint | Documentation - Roblox Creator Hub

1 Like

Doesn’t seem to fix it. 30chars

Try using scale for both position and size, and set the SizeConstraint to XX.

1 Like

Changing the position to scale didn’t work as it’s being affected by UIListLayout, and already had it set to XX.

Make sure every frame is using scale aswell.

1 Like

Checked, all of them are using scale. I’ll try to reproduce this in another place to see if same happens.

Edit: It happens

Use scale on both size and position and use text scales as well

1 Like

Do you mind sending me a file of the UI, so I can look at it and check out what’s going on?

1 Like

Here,uithing.rbxm (10.7 KB)

Incase you want the place:
uithingbutplace.rbxl (28.0 KB)

I’m sorry but I literally have tried everything, this is so confusing to me. I can’t figure it out.

1 Like

Nevermind! Turns out it was the CanvasSize property of the ScrollingFrame.
You were using Offset instead of Scale.

image

Fixed Version

FixedUI.rbxl (27.8 KB)

1 Like

Thank you for spending so much time on helping me I really appreciate it :D!

1 Like