UI Scaling not working correctly

[TheLegendaryEggMan]

1. What do you want to achieve?
   I want my UI’s to scale correctly on other devices.
2. What is the issue?
   Currently, for some odd reason when playing on certain devices it causes the UI to go crazy, after pressing a button or two it re-aligns (sometimes) when it doesn’t re-align it causes the UI to look horrible.
3. What solutions have you tried so far?
   I have checked to make sure everything has proper scaling, asked many people about it, and tried many solutions.

Notes:

• The UI is sorted into folders which often cause issues with editing them until you move them out of the folder (even though without the folder the issue still happens)
• The UI is a package
• It is not just my devices experiencing this
• This issue happens in studio as well as actual mobile devices

Examples:
Before pressing “Enter”

After pressing “Enter”

What it looks like:

What it should look like:

Video of it happening in studio
(gyazo.com)

Edit: Changed two images and updated the rbxm because it had a issue on my part, still having the issue though.

The RBXM
MainMenu1.rbxm (26.9 KB)

[The_Saver31 (Saver)]

The easiest way to fix it is to download this Plugin:

[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…

[TheLegendaryEggMan]

There’s no other methods to fixing it? Also I prefer to not use UIAspectRatioConstraint, it tends to cause more harm then good for me.

[The_Saver31 (Saver)]

I think there is other method but idk how, the Plugin is the very very simple way to fix it, since im using it to for all of my gui.

[epochzx (epoch)]

A basic explanation, you must use scale rather than offset when positioning/sizing your UI.
Refer to this thread:

UI Scaling & Positioning Workarounds 101

[Scaling] Anybody new to interface designing within Roblox studio will get to know the fact that Roblox doesn’t exactly have the friendliest UI editor pretty quickly; on the first few pages of the Art Design Support category itself you can already see three posts talking about the same issue.

Reference

<a class="lightbox" href="//devforum-uploads.s3.dualstack.us-east-2.amazonaws.com/uploads/original/4X/b/8/a/b8a9455036935318624561563fb1f323b4f48eb0.png" data-download-hre…

Also, I would not recommend using folders to organise your UI and instead recommend you use frames.

[TheLegendaryEggMan]

If you would take time to actually read my post, you would see that it is infact made using scale and not offset.
I do use frames?