Why has my gui moved left on iPad?

I want to make player GUI.
Here’s what it looks like:

Screenshot taken on mac


ignore everything except GUI pls and don’t ask questions about it

It looks good to me.
But not for mobile devices users

One of the buttons on the iPad changes its position.

Screenshot taken on iPad

The question is:
How can I make gui look the same on all devices?

I tried to do this with the AutoScale Light plugin and clicked the Size “scale” button and then “Add constraint”.

KotyOceloty

2 Likes

Make sure the GUI’s size doesn’t have an offset on it and that it only uses the scale property.

Once you scale it to your liking (with no offset), then position it the way you want and it should scale on all devices.

2 Likes

unfortunately, i tried and it doesn’t work for me
Zrzut ekranu 2022-01-24 o 19.44.52

Can I see the properties for the button? I might be able to help you out more that way.


Here’s the photo:

You’re showing properties for a Frame but not the actual image itself. You should show your explorer along with properties from the ImageLabel/ImageButton instead.

Your frame looks setup correctly though since it’s using scale instead of offset.

Here’s Explorer:

did you do this with the button, or just the frame?

image

Is this made up of an Image or is this a Frame with 3 other grey background frames used as lines? If it’s an image, then it isn’t located in “Frame2” so you are looking at the wrong location.

Okay, I wasn’t aware until I saw this picture that your Frame consists of some other grey line frames and wasn’t an actual image.

image

You should check if the frame I put an arrow to is using offset rather than scale. If that doesn’t solve it, it would help if you could upload the gui as a file so I could check it out myself.

it’s got a little better, but it looks even worse on the phone than it was. I’ll send you the file again. If someone wants it, write to me

You have to make sure both elements are in the same frame so an example is

Frame -[ 2 Frames

Both frames should have the same parent frame

it didn’t work.
If I understand you correctly, frame and frame 2 are two separate frames (frame is the number of money) and frame 2 is the menu button.

image

What i meant is instead of ScreenGui being the parent create a new frame and make that the parent of those 2 frames

I suggest use AutoScale Lite plugin

and click unit conversion
image

then choose everything inside UI

then click scale both position and size

image

if not work hmm idk i used it help me a lot

I did it before,but it didn’t work

Personally, I would recommend getting the screen size to do the calculations like that to keep them separate, I’m not exactly sure on the calculations though for what you would need.