Issues with scaling gui on other devices

So I really hate the scaling because every time there is something wrong. The last time I have problem with gui scaling I uploaded a post and fixed it (post). So the things I do then and the things I do now are:

  • AnchorPoint = 0.5, 0.5

From AutoScaleLite plugin: image : plugin :

  • Everything to scale:
    image
  • And Constraint

This usually works but not with every instance. This is what I mean:

normal on laptop:

other devices:


so here is how it looks:
image

Here is a file of the problem so if you want to help you could look it more detailed.
guiProblem.rbxl (68.2 KB)

Thanks a lot for the help!

1 Like

Your setting1 textlabel isn’t using scale!

Also keep in mind that your settings/teleport buttons seem to get farther away from each other on certain aspect ratios. You probably don’t need to worry about this right now, because on all devices it looks fine. They only get this far apart if your screen is vertical like this. But you can force mobile players to be on widescreen.

Good luck with your game!

1 Like

i use this plugin everytime im making ui. to use -

Open it, and select the ui element that needs scaling, Click “Scale” then “Scale descendants” and finally click “Add ui constraint” and done

i hope it helps, and good luck!

1 Like

image
You have frames without a scale

You also using Constraints wrong.
image
You should put your settings inside a singular frame and add your things here. And you only need to use constrain here.

In your instance, you don’t have a MainFrame and you have constraints in every object.

2 Likes

Yeah so the problem is this frame’s scale. I found out that I didn’t missed it but when I converted that frame from the plugin it wasn’t working. Idk why it’s doing that but I fixed it on hand, I just adjusted the size to scale myself. Anyway that fixed everything. About the buttons on the right side idk how to fix it but for now I’m gonna leave it like that. Thanks a lot for the help, I appreciate it a lot!