Gui placement changes when i play the game on the roblox player

So, I put my gui in a set position, but when i go on roblox and play it, its either up or not even there.


You might be using Offset instead of Scale. If so, you should use Scale instead, so it’s consistent across all screen sizes.

i tried that, but it didnt work, heres a pic
image
image

That’s a big number for scale.

Double check if all of your Gui objects are using Scale instead of Offset, especially if you’re using a Frame.

image
this is the frame their parented to

That might be the problem, the size using Offset. Try using Scale

tested and they still moved up, idk why, when other people do it they get it right, roblox studio too broken sometimes

If the size and position of your Gui objects are already using scale, then the ScreenGui may be the problem.

Try enabling ‘IgnoreGuiInset’ property in your ScreenGui. You can try changing the ScreenInsets and the SafeAreaCompatibility.


i got this


ty bro, finally fixed it. but how do i make it so that i dont always have to alter it and it does it by itself? bc thats going to be bad that i have to do it when i always gotta change it

The Scale property automatically sizes your Gui to fit in different screen sizes. Though, sometimes it isn’t enough.

Honestly, I’m not proficient with working with GUIs. Try out the documentations on working with them

1 Like

ill make sure to read it, ty dude

1 Like

There are multiple possible issues,
1: you probably use offset.
2: you have not set a anchorpoint
3: you could have used a AspectRatioConstraint on a gui

in order to make scalable UI id suggest having a big Frame that has its BackgroundTransparency set to 1, set the Scale to Udim2.new(1,0,1,0) meaning x scale 1 and y scale 1

all the ui inside will then follow the size of its host frame which is set to scale x1 and y1 this is the full screen size,

then everything inside should be set to scale. then you can use offset for displacement of the ui and to make the uis bigger on certain screen ratios!

2 Likes

ill make sure to try this too, ty dude

trust me, this is the perfect way to scale ui.

1 Like

this actually kinda helped, ill experiment more with it, ty!

All i can say is setting the anchor point to 0.5,0.5 on elements WITHIN the Frame thats x1 y1 on scale will center it if you put 0.5,0,0.5,0 in the position aswell. this is a common practice in ui design. from there move it up and down however you like. solong as you are using scale it will scale with. and to counter problems like ui getting bigger on an axis like horizontally or vertically. you can use a AspectRatioConstraint put it inside the ui and boom fixed

1 Like

ty dude, its been great help, needed this and ty for Yona for the help too

2 Likes

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