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

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

https://developer.roblox.com/en-us/api-reference/class/UISizeConstraint

2 Likes

You should consider changing to Scale.

1 Like

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

2 Likes

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?

1 Like

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.

1 Like

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:

2 Likes

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. https://www.roblox.com/library/1496745047/AutoScale-Lite

oops got late to the party.

2 Likes

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

1 Like

What do you mean mess up? It works fine.

1 Like

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

1 Like

Not for me. (30 characters…)

1 Like

How exactly tho? really30chars

1 Like

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

1 Like

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

No Problem! Hope your project becomes finished!

2 Likes

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

1 Like

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.

1 Like

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

1 Like

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?

1 Like

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

1 Like