Gui not looking the same as in studio

Hi!
I’m making a gui in my game and i’ve saw that the gui in Game looks different than in Studio even tough i’m using autoscale plugin and i’ve put everything on scale. You can see it here:

Studio:
image

Game:
image

The gap between them is bigger and other parts of gui looks different too

Use a UIRatioConstraint to make it stay in place.

I’m using UiAspectRatioConstaint but the problem is still there

Is your UI based on scale or position of the screen?

It is based on scale not on the position

Then use a sizeConstraint in the gui instance if it is a scale problem

You could probably want to put the four buttons under a container with UIAspectRatioContraint rather than putting the ratio constraint on each button. When you put it under a container, the buttons can calculate its size and position based on that container rather than the whole ‘ScreenGui’ itself.

Example:

image

image

(You could either use or not use UIGridLayout as long as you don’t put UIAspectRatioContraint in the buttons, whatever that does for you.)

Buttons and Containers.rbxm (6.8 KB)

Cheers :smile:

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.