My dialogue GUI is messed up on mobile devices

Help and Feedback Building Support
#1

image
image1920×1004 105 KB

^ This is how my dialogue / objective UI is supposed to look like. This works fine on PC but sometimes if i play the game on mobile, the Ui looks something like this:
image
image868×360 71.7 KB
(I recreated this in studio so you can see how the text goes off. The position doesn’t change on mobile.)

Here are all parts of the GUI image

This does not only happen to the dialog gui. Other guis are affected too but this is just the most obvious one.

image
The text in the money gui looks normal while the image ($) is squished.

It’s just weird how this isn’t always happening, just sometimes. How do I fix this?

1 Like
#2

The person in this video explained it really well: Roblox Studio | UI Scaling Tutorial [How to Fit a UI on the Screen on any Device] - YouTube

For the GUI, try changing the size from offset to scale.

And for the image, try changing the SizeConstraint property to either RelativeXX or RelativeYY.

2 Likes
#3

The money gui could be squished because you have the image label or whatever you have on stretch. I would change it to fit. Have you changed the guis from offset to scale?

1 Like
#4

Thank you. They all have scale. I changed it to fit but instead of squished, it’s now really small.

#5

Thank you. I use scale only in all of my GUIs already and I still have this problem.
Now I changed the cash icon SizeConstraint to YY but now it’s oversized on some mobile devices.image

#6

Try this plugin AutoScale Lite - Roblox also if u use it u dont need to use aspect ratio constraint cuz for me it messes mine up but yea

2 Likes