How to fix UI outline bug

I’ve created a text button with scale in roblox studio and gave them an outline of 3 pixels and they look perfect in the studio but once I play test or play my game they are complety off ceter, off size and off everything! How do I fix thix? :confused:
Studio:
image

Ingame:
image

1 Like

May you explain further? It might just be a render bug, it happens somethings

1 Like

I rotated a Textbutton by -90 degrees and gave it an outline, it looked perfect in studio but once I played the game it was bugged out

When you say you put the outline on the text button, could you be more descriptive?

I noticed that they both have a slight defect on them. Noticing that the text box is the same color as the outline, removing the outline itself and just slightly scaling the text box should fix the problem.

You also mentioned that it was off-centered, and different size and shape. In stead of using the scale feature, trying using the offset feature. I’ve also linked a GUI rescaler I find really helps with these kind of problems.

tempsnip
https://www.roblox.com/library/150152826/Gui-Rescaler

Everything I used was in scale, The positions of the two text buttons had the exact same X axis, and they also had the same size because they were copies of eachother, I checked every resolution in studio and they looked very good, but once I tested it out in game they bugged out, might be because of rotation :confused: (it was -90 degrees exact) also both text buttons had 3 pixel size on them because they were copies of eachother, just offseted on the y axis

I don’t believe that simply rotating it -90° would cause a bug like that. Inside your explorer tab do you have any other extra text boxes or text labels inside your screen GUI? There has been times in the past where I made a copy of a text box and it created a mark somewhat similar to that.

Nope, I checked, it was a simple textbutton, no roundify, no frames under it, no nothing else, and they both had the same parent
This problem has always happend to me with outlines where I would get complety diffrent thickness to the preview in studio in the y and x axis or just no outline at all :frowning_face:

If you have the outline on just for size adjustments, similar to what I said in my first reply, it might help to just take off the outline and slightly scale up the size of the text button. It won’t change the appearance, it just another way to get the same effect without the outline.

1 Like

Alright, thanks :slight_smile:

1 Like