Gui Is scaled different In Mobile

Help and Feedback Art Design Support
#1

Lately I have been having some issues with gui on other devices, and this is the last problem.

The gui looked very squished in other devices, so I added a UiAspectRatioConstraint and it fixed it, but it made another problem.

For some reason it makes the size of the frame to default.
This is what it looks like in mobile:

Screenshot 2022-04-12 182237
Screenshot 2022-04-12 182237967Ă—473 236 KB

And this is what its supposed to look like:

Screenshot 2022-04-12 183039
Screenshot 2022-04-12 1830391358Ă—517 445 KB

before someone tells me to use the autoscale plugin The gui position and size is already scaled

so if there is someone that could help me, it would be very appreciated
Thanks for your time.

3 Likes
#2

Try setting the AnchorPoint’s Y value to 0.5 and the Position’s Y scale value to 0.5 in all of the buttons.

#3

This way is yes, tedious, but you can run a script that detects mobile players and you can change the sizes there. (locally)

#4

Its completely made the buttons disappear

#5

That would work, but It makes it look weird for Ipad, and other mobile devices.

1 Like
#6

Can you send the properties of one of the buttons?

#7

position is {0.764, 0},{0.044, 0}
size is {0.204, 0},{0.292, 0}

AnchorPoint is 0,0

#8

You need to set the AnchorPoint to 0, 0.5

#9

All it did was put it slightly higher, other than that, it didnt fix the problem.

#10

You also need to set the position to {0.764, 0},{0.5, 0} WITH the AnchorPoint being 0, 0.5

#11

this is what is looks like now.
Screenshot 2022-04-12 192325

#12

And this is what it looks like in Ipad, which is much weirder

Screenshot 2022-04-12 192507
Screenshot 2022-04-12 192507898Ă—388 159 KB

#13

offset issues, can you provide a rbxmx file with the UI ?

#14

You could use a UIAspectRatioConstraint

#15

It literally says that I am using it…

#16

Here is a file
GUI FIX PLS.rbxl (40.5 KB)

#17

Hmm maybe try a UIScale Also, use Scale not Offset

#18

Again, I already did
I tried every solution I could find

#19

Are you sure you’ve properly scaled the background? Perhaps you can use UIAspectRatioContraints like someone else point out to make the background have the same shape.

#20

The UiAspectConstraint is what is causing the problem, but without it, the gui looks squished in mobile.