GUI positioning problem

So i’m cracking mah head here trying to learn proper GUI positioning, but i stumbled across something i couldn’t really figure out…

that little gradiente at the lower área of the screen, when the screen isn’t in full screen the position is all fine

but when it’s in full screen it looks like this:

and when on a smaller window, it just gets worse:

have no clue on how to solve this, already tried everything i could, like messing with the automatic size thingy, tried using the UIAspectRatioConstraint but honestly i have no idea how that actually works

You could try using a plugin for UI scaling. There is one called “AutoScale Lite” and you can upgrade to the rest with robux but the lite works fine as well. You can select all the UI that you want to scale and then the plugin automatically does that. I suggest you watching a video about this plugin

AutoScale isn’t a bandage for UI. In fact, it does virtually nothing in this case. It’s a misconception that the plugin will… fix all your UI. It really doesn’t do anything close to that. It’s a tool for convenience, not a tool to fix all these problems.


For the OP, this is fairly simple!

Set the anchor point of the gradient to 0.5, 1 and the position of it to 0.5, 0, 1, 0. This will anchor the frame to the bottom center of the screen.

1 Like
  • Use correct anchor points: In your case the appropriate one would be (0.5, 1).

  • Use correct position: In your case I’d suggest (0.5, 1) (considering the frame/gui is parented to a ScreenGui)

  • Use UIAspectRatioConstraint: This basically scales your UI such that it will fit multiple screen resolutions. There is a formula you can use to pinpoint the accurate value but I’d recommend using a plugin which 9 times out of 10 uses the same formula I mentioned above but saves you the hassle of calculating it yourself.

2 Likes

Yoo it’s working perfectly now!! thx bro