UI Scaling & Positioning Issue

In-Game:

Studio UI:

UI Parts:

UI Parts

When I play in studio it looks like in game but I want it to look like it looks on the 2nd pic

Not quite sure what the problem is but if it is the ui lowered then try enable IgnoreGuiInset on ScreenGui
image
Enable this

1 Like

Yes the problem is lowered but sometimes when I make other UI like shop or settings its too big or too small and I have to join the game a few times to adjust it

What does IgnoreGuiInset do to the UI?

It just ignores the GuiInset. That is the topbar and other spaces for roblox core UI. So if I had frame covering the entire screen without IgnoreGuiInset enabled, only the topbar will not be covered.

So roblox has a top bar when you play the game


This wil basically ignore that space

also do you have to join the game to test? cant you just test in studio?

Ok then how would I fix the size and position issue

The problem with the text is because IgnoreGUIInset is not enabled.

Are you using Scale or Offset for size?

Scale

(Extra text ajdidjeixjexheixjdj)

I have to test the size and position in game

Scale might be your reason then.

I’m on my phone so I can’t really help you much further, but try experimenting using Offset along with the AbsoluteSize property (specifically of a invisible frame covering the entire screen).

I heard I should always convert offset to scale

No, it’s not always a good idea, it’s not really great for making sure your devices work well on different device types, since some UI can look massive on desktop due to using Scale.