Putting UI Elements in the Bottom Left Corner

Hi, I am making a game where I have potions and I am trying to have them show up the remaining time in the bottom left corner of the screen but i am having issues. I have tried setting the Anchor Point to 0,1 and the position to 1,0,1,0 but am still having the same issue. The issue is that it seems to work completely fine when in studio tested both on mobile and normal studio play test, but when i play the original game on my pc they show up too high up. However if i test the original game on my phone they are completely fine. Screenshots for guidance:

Mobile Test in Studio:
image

Regular Test in Studio:

Playing original game on PC:

All the other gui elements in my game work fine, everything is set to scale instead of offset to be compatible with other devices and they have UiAspectRatioConstraints to keep them in the same place

Could you share a screenshot of what your UI looks like in the Explorer hierarchy? It’s possible you have them inside another UI object which has its properties set incorrectly for what you want. It may also be to do with a UISizeConstraint.


the “1” frame is used for when they are showing on screen, doesnt affect the position

I see you have UIAspectRationConstraint and UIGridLayout. One of these could possibly be causing your problem. What’s the aspect ratio/size of your monitor? If you haven’t tried already, turn on Test > Device test mode (allows you to preview different screen sizes in Roblox Studio) and set it to what your computer monitor’s screen size is. Your viewport in Roblox Studio will be smaller as there are tabs open on the sides taking up real estate.

Another suggestion to help learn more about what’s going on here would be to set the BackgroundTransparency of the holder frame “PotionTime” in to 0 temporarily. If you may, do that and play your game, then take a screenshot.

yep i have tried testing the aspect ratio on the test mode, it works on studio but not in game, i have also tried setting the backgroundtransparancy to 0 same result just with a white background

What does it look like with the white background though, could I see a screenie? This was to visualise whether the problem was either with the position of PotionTime, the size of it, or the position of the images inside.

In Studio:


In Studio Test:

In game:

Hm, that is strange. Is that UI object parented to any other UI objects that could be effecting it? If you don’t mind, you could send me a .rbxm of the ScreenGui - I wouldn’t mind taking a look to see if I can fix it hands-on :slight_smile:

PotionTIme.rbxm (10.3 KB)
Here ya go

I fixed it, not sure in what way it was being effected but the fact that it was inside a frame was causing the issue, upon moving the frame to be in the main screengui it worked

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.