Why is my UI so squished? I'm using Offset

[FoxythDou]

Im pretty sure there’s a thing called “UISizeConstraint” it basically constrains your UI in a certain size. Here’s a link:

UISizeConstraint | Documentation - Roblox Creator Hub

[FlashFlame_Roblox (LocalPlayer)]

You should consider changing to Scale.

[FoxythDou]

I agree. It makes pixels of your tablet its size. Lets say you have .2 frame. it covers 20% of the whole thing, so when we go to our tablet. it still gets 20% of the over all pixel and size then move it there. @Rynappel

Edit: that’s just a basic explaination

[Rynappel]

So should I be using Scale instead of Offset and inserting UISizeConstraints into my UI? Do I need to inset a UISizeConstraint for every Frame, TextLabel etc?

[FoxythDou]

UI Design Starter Guide Here, there’s a starter guide that i found helpful. It explains more, and really gives all the downsides of both scale and offset.

[rek_kie (Ike)]

All you need is to convert to scale sizing and a UIAspectRatioConstraint, you don’t need a size constraint.

Here’s a really helpful plugin that does this:

[Plugin] AutoScale Lite for GUIs - Scale your UI

[AutoScale Lite Banenr] Overview The plugin has two main functions. Converting a UI element’s size/position to Scale or Offset, and the auto scaling feature. The Add Constraint feature makes use of the UIAspectRatioConstraint which ensures that your UI retains it’s size on all screen sizes. You can add this constraint to your UI manually but my plugin does the calculating of the AspectRatio property by dividing the AbsoluteSizes so you don’t have to! [image] How do I use it hmmmmm? Firs…

[FoxythDou]

Speaking of this yes, But luckily there is a plugin for this. It’s Called AutoScale. it can convert Offset to scale without changing its size. Here’s the link. AutoScale Lite - Roblox

oops got late to the party.

[Orbitaire]

This plugin messes the Ui up as I have found I personally don’t suggest using it.

[FlashFlame_Roblox (LocalPlayer)]

What do you mean mess up? It works fine.

[FoxythDou]

Confused, It works. Ive been using it for few weeks now and its pretty effective ngl.

[Orbitaire]

Not for me. (30 characters…)

[FoxythDou]

How exactly tho? really30chars

[Rynappel]

Watch the tutorial on it https://www.youtube.com/watch?v=Mafquy7YQmA&feature=youtu.be

[Rynappel]

Life saver man I’ll try this out and tell you if it works

[FoxythDou]

No Problem! Hope your project becomes finished!

[Rynappel]

Work perfectly, but the position is kinda off @cool900s.

[MatkoRBX (Matko)]

Using only offset is bad practice. Try to learn how to size and position using scale.

Also, if you’d like to centre the UI’s, place all of the UI’s into a holding frame and position that to 0.5, 0, 0.5, 0 and set the AnchorPoint of 0.5, 0.5.

[FoxythDou]

You can both combine UISizeConstraint and scale. Its on this post.

[Rynappel]

How would I make the it keep the same position aswell? I’m using tweening for my GUI’s and the tween doesnt fully tween out all the way on some devices. Should I use offset for positioning?

[FoxythDou]

No, as i said use one. If offset, tween using offset, if scale tween using scale.