How do I make a gui the same on all devices?

Help and Feedback Art Design Support
#1

Before I start, I would just like to say that I am a beginner when it comes to roblox studio, so I really need a simple explanation for the solution.

My problem is that I want to position a gui, but it just turns out different on all devices. I really need help on this, as I literally know nothing about guis. I want the gui to appear in the same position, on all devices.

I tried searching it up on google, checking the devforum, yet I don’t really understand the instructions, since I’m a beginner, as I mentioned before.

That’s my only issue, thanks anyways. :slightly_smiling_face:

3 Likes
I import UI into studio and it looks... trash... how do I fix proportions n stuff
#2

There are many plugins on roblox that will help you with scaling GUI to fit all devices, or you can do it manually.

I use this plugin a lot as you just click on the frame/gui and it rescales the gui for you.

If you want to do it manually, just set the offset to both x & y axis to 0.

offset

I’m not very good with this, so I may not be able to answer all of your questions, but if you wanna ask anything just reply :slight_smile:

1 Like
#3

Ok, so I tried the manual way, nothing really changed.

So I would like to ask something, how exactly am I supposed to use the plugin, after I install it?

1 Like
#4

just click on the gui you want in explorer (eg frame, but i think if you click on a screengui it does it to its descendants aswell - but that might not work)

1: click on the gui you want to scale
2: click on the plugin

1 Like
#5

It doesn’t seem to be working for me?

It just ends up the same way when I test it.

1 Like
#6

If you want the gui to be in the middle of what you parented it to make the Position .5,0,.5,0 and make the AnchorPoint .5,.5.

If the Position is 0,10,0,10 and the AnchorPoint is 0,0 then the gui will be 10 after the right edge and 10 below the top edge of the screen or whatever the gui is parented to.

A,B,A,B or .5,0,.5,0
A can be 0-1 and B can be almost anything. If A is .5 then here are some other ways of describing it .5/half/middle. A is known as the scale. B is known as the offset.

The 1st two #s are the X(horizontal) and the 2nd two #s are Y(vertical)

I hope this helps and also that I didn’t say anything incorrectly :slight_smile: If there are any errors that you noticed please tell me, thanks!

8 Likes
#7

Ohhh now I understood exactly what scale, offset and anchor point are used for, thank you very much! I finally found out how to position the guis correctly. :joy:

1 Like