GUI in the bottom of screen?

Hola,

I have two GUI’s and I want them both in the left and right bottom of my screen.

Picture of studio

In-game

Explorer

image

Positions:

Pink one: {0, 0},{1.073, -187}
Blue one: {0, 1598},{0, 854}

How can I easily position this? I hope someone can help me, thanks.

Hey there, you can achieve this by setting the AnchorPoint and Position values as follows:

Pink one:
AnchorPoint: (0, 1)
Position: {0, 0}, {1, 0}

Blue one:
AnchorPoint: (1, 1)
Position: {1, 0}, {1, 0}

You can read up on these two values here:
AnchorPoint: GuiObject | Roblox Creator Documentation
UDim2: UDim2 | Roblox Creator Documentation

3 Likes

I tried these but they are both completely out of the screen now :thinking:

I use these two plugins, they might help you:

Zawies for positioning the gui.

AutoScale to scale on all devices.

1 Like

I would not recommend using pixels to position it on the screen. Scaling usually works best unless you’re trying to do something with the top bar or to make a pixel offset. If you have pixels, it could make a screen with high resolution (like a 4K TV using console) have extremely tiny pixels while having something small like an iPhone 4S with massive borders and outlines. The anchor point as suggested above would work best, with the combination of scaling.

Sorry for the late reply, make sure you’re using the AnchorPoint property as well.

Did you solve this yet? character