UI Position on Ipad

[Dev_Skylab (Skylab)]

I am trying to make a UI the work for Mobile, Tablets, and computers but I faced a problem when testing it with Ipads.

Computer:

As you can see the buttons’ position changed and went up. How would i fix that?

Thanks

[FrozenInferno_Dev]

Make sure that the button’s position is set to Scale, instead of Offset for both X and Y in the Properties tab.

[Dev_Skylab (Skylab)]

Just checked again and they are all using scale, but still not working.

[FrozenInferno_Dev]

Can you show us what the buttons look like in the Explorer and Properties tabs?

[Y0utube_Dino (DevDino)]

Just use this plugin, there are videos on YouTube if you need: AutoScale Lite - Roblox

[Dev_Skylab (Skylab)]

[VegetationBush (FartedWayTooHard)]

Position the UI relative to the bottom of the screen (AnchorPoint set to 0, 1 and position set to 0, 0, 1, 0). Use negative offset to reposition it back up.

Tips to Position and Scale UI

You’ve probably seen many threads about, “How do I fit this on PC and Mobile?”, “How do I make UI scale evenly across all devices?”. Well, if you have these problems, you’ve come to the right place. Here I will show and explain some concepts for fixing those problems. But first, let me explain a few concepts: What is Scale and what is Offset? Scale is a measurement that Roblox uses to determine a percentage from one distance to another. Let’s say the screen size was 1000px wide, having a scal…

[Y0utube_Dino (DevDino)]

Just use this plugin your making your life so hard, this plugin auto scales for every device.

[Dev_Skylab (Skylab)]

I do use the plugin and I think it only changes position/size to scale and adds a UIAspectRatioConstraint which didn’t really solve my problem.