Ui Is being weird and un proportional

I dont understand why the ui looks different ingame and in studio. plus the ui is oversized on the mobile look and stuff. Its so weird!
Studio:

In game:

screenGUI properties, make IgnoreGuilnset true

for mobiile,all of properties,size,x & y, offset set to 0. and rescale it back

I set them all to true but it still doesnt work

did u set frame size to 1,0 1,0 ? and can i see properties

I did not, lemme do that real quick

Ok it works for frames but text labels and buttons dont position correctly. Do i need to parent them to the frame?

yea,make sure all offset are set to 0

simple, go to the yellow ui and change it’s size to:

1,0,1,0. Nothing more nothing less.

Change all the text labels sizes to 0,0,0,0. Then scale it. It’ll scale it on scale. Instead of offset. Scale makes it size properly on all devices. Offset does the opposite

Im confused. I set the size of the frame 1,0,1,0 and it worked… Then how do I position the other text stuff.

(sorry if im being difficult i dont know a lot about gui)

what i mean is, go to the text labels and set their sizes to 0,0,0,0. Once you do that start to size it. It’ll size it on scale. Which is what’s used to make things auto size to device sizes. If you’d like, i can send a plugin that makes doing things like this easier.

Oh yes please, I would like that plugin

All the size is fitted from studio, and the game is not the same,
is because your might using Offset instead of Size on the frame.

Here is possible Steps if you want make your loading screen fits.

  • Turn on the IgnoreGUIset in your screengui.
  • Make the frame sized {1,0},{1,0}
  • Make the text frame also sized {1,0},{1,0} and resize it whatever you want.

Let me know it now works.
Note: This is what I do when I make loading screen.

1 Like

download this: AutoScale Lite - Roblox.
Once you download it, go to the plugins tab, and press the blue,icon that says unit convertor
image

After that, a ui should pop up like this:

image
After the ui pops up, select the text labels(NOT the frames). Once you do that, close all extra windows, explorer, output, properties, etc. This is so when we convert it the ui wont become bigger. Instead will maintain.
Next, click on the scale option for size, you can also do it with the position. but the size conversion is the most important one.
That simple, if you want any more extra info then feel free to say. This is just the basics, theres way more to do with this plugin.

1 Like

Basically what you should be utilizing are the scale values of position and size within the properties menu (not offset)

This explains nothing. He knows nothing about ui. This vague language wont do anything.

Yellow frame size should be: 1,0,1,0

Gui IgnoreGuiInset should be true

Use AutoScale Lite’s Unit Conversion on the text to make it be positioned correctly, and also press the TextSizeConstraint button on autoscale

also i swear i saw you in the moon animator server lol

It explains exactly what properties are needed to be used–why the ui has a discrepancy. Its up to OP to research it in-depth