About My Problem:
I’m creating a settings interface for my game and I was creating these little divider lines between settings using image labels with no images and I notice I have these strange inconsistent thick lines on different platforms. You can even see some problems with my volume sliders too which is sharing the same problem.
Normal Roblox Studio View:
Emulation View:
I want to make it clear upon this point that I have also imported everything correctly so everything is looking good on all platforms except these lines. As you can see the text, button, and sliders are all staying consistent.
If I can figure out these lines I’ll feel comfortable moving forward with my project’s design.
Things I’ve Tried:
-
I’ve tried duplicating my lines and duplicating the previous position onto them and deleting the old lines and I still ended up with the same problem.
-
I’ve tired messing with the scale type and every type has the same result.
-
I’ve tried messing with the SizeConstraint property too and it doesn’t fix it either.
-
I’ve checked to make sure my size was consistent and everything is the exact same size.
Lines:
Slider Lines :
Slider Lines :
My Solution:
Drawing the lines into my frame that I displayed before made things easier. I recommend this to anyone doing this sort of work AFTER making a prototype in studio to work from.
It’s also good to mention that making my sliders lines bigger in studio helped with the resolution issues on other screens.
Not really a satisfying fix in my personal opinion BUT I’m very happy with the result none the less.
Normal:
Emulation:
I’m aware that this will look whacky but it’s roblox’s engine holding me back.
Thank you so much for your time and have a great day! 