UIStroke Issue On ImageButton

[Mubinets (Mubinet)]

Hey!

I am having an issue where the property Thickness of UIStroke is only added to the border of the actual image in the button.

Here are the properties below:

---

---

Here is the picture showing the problem:

Any help is appreciated!

/Mub

[yo9sa (yosa)]

Create the same button, but in the ImageLabel class, make the image black, set the ZIndex to -1 from the main image and increase its offset from ~5 to 10 (in the X and Y axes) depending on how thick you need.

[Mubinets (Mubinet)]

Doesn’t this work with image that is rounded in corner?

[AridTheDev (Arid)]

UIStroke only colors the ui object’s borders, not the actual image. So, you have to follow an alternative.

[NoxhazeI (Johnathan)]

Use google.

ImgOutline - Create outline for your images!

ImgOutline Get it here! Hello! I was tired of making outlines for imagelabels in roblox, so I created a plugin to do it for me! How is this plugin works? Once you installed it, if you select an imagelabel or imagebutton a gui will pop up in the right bottom corner. [image] You can enter the size of the outline and press ‘Create Outline’. Make sure your image’s background is transparent! Is this the whole plugin? Yes, this is everything this plugin can do for you. No overcomplicated…

[Mubinets (Mubinet)]

This scales as you zoom away, which is not desired behaviour.

I also googled and did my research millions of times. So please don’t ask me any further if you do not have anything else to suggest.

[Mubinets (Mubinet)]

I am trying to, the current solutions provided here has some problems.

If you got any, suggest

[NoxhazeI (Johnathan)]

But I do have something else to suggest and that is editable images. This would be extremely hard but you can probably make an algorithm that gets the borders of an image and adds a stroke to it.

Also why not just add a stroke in a photo editing software? It’s not that hard.

[Mubinets (Mubinet)]

Editable image… seems interesting

I might have to create plugin that will do that for me. Meanwhile is there no way apart from this hacky solution?

[NoxhazeI (Johnathan)]

I mentioned a second solution by using an external image editing software like photoshop or ms paint, other then that there is no solution. Unless you make 8 total images that are placed behind the main image and move the images in the 8 directions that being up/down left/right diagonally.

[Mubinets (Mubinet)]

I guess, since this is billboard, will it change image quality as I zoom away?

[NoxhazeI (Johnathan)]

No not really. It usually depends on your moniter I suppose.

[Mubinets (Mubinet)]

Alright, I will mark them as a solutions. This is really ridiculous how Roblox doesn’t think about these such basic features.

Might even consider creating entire UI module because of that.

[NoxhazeI (Johnathan)]

You are not alone. Though, UIStroke on images is quite absurd because other softwares exist that help you make them and therefore there is no use for it but it’s up-to you! Good luck!

[batteryday]

You have to switch ApplyStrokeMode from Contextual to Border