UI Not properly scaling depending on resolution

Help and Feedback Art Design Support
,
#1

Hi! I’m working on a grid-style UI system, and I’ve encountered an issue using a frame & UIGridLayout. On 1920x1080, I have properly aligned the grid with neighboring pieces

image
image1524×645 103 KB

However, when I go into 2560x1440, the UI is now misaligned

image
image1812×612 65.8 KB

*see on the bottom, it sticks out, just slightly? This is zoomed in, but it sticks out at higher AND lower resolutions.

I’m using scaling with both Size & Position on the Grid Frame, along with the overall UI Panel, and am unsure what the issue is. I couldn’t find any relevant help issues in the forum.

Thanks!

2 Likes
#2

are you using UIAspectRatioConstraint?

#3

I am not! Not on any part of the UI.

#4

then try this, add constraint to frame AutoScale
NVIDIA_Overlay_lnLueNuyGH

1 Like
#5

image
image1407×472 92.6 KB

1080p, both frames are properly aligned

image
image1714×605 69.8 KB

1440p, right frame is now misaligned

The right frame has UIAspectRatioConstraint, heres the settings:

image
image604×587 33 KB

If I set the AspectRatio in the settings to 2.03, then the frame aligns in 1440p, but then now 1080p is misaligned… How is that possible? They’re both 16:9?

#6

hmm, idk what to do, scaling in roblox is the most annoying part of making guis

1 Like