How to remove outline from RoundedBox Images or Buttons?

For some reason, even when OutlineSettings have zero Alpha and zero Width, the outline is still visible.
I really need to find a solution to this.


image

Fixed rounding with with a radius of -1 ?

This makes the button not have rounded corners. And even then, the outline remains.

You will have to create a texture with corner transparent in a digital paint software (krita, photoshop) and then set it as image to properly remove the outline.

I’d need to have pre-made images for each potential button size and corner radius I might need, this is not viable. I’m working on a UI-heavy project, and many buttons in it need to be dynamically created and styled.

Ah, I see.

  • material:

  • and box mode:

You may need to tweak some 9-slice values.


I do realise this is not a direct answer to your question, but rather the means to achieving a more nuanced effect. It that may fit the bill, especially if you want to retain more control. You mentioned a UI-heavy scenario - the earlier you embrace materials, the better, imho.

you can also just apply the same color to both Tint and Outline.

1 Like

I’ll just add that the material should probably live in a dedicated brush so you can apply it where needed more easily. For now, at least. This is on the horizon:

Can’t wait but there’s no ETA.

2 Likes

can’t wait to test it too, hope it will be on 5.4 :yum:

Thanks. I’ll need to tweak this a bit still, to allow editing the radius dynamically when needed (and probably automatically set Margin values in certain scenarios) but I think I can work from there. I was using UI materials (with Retainer Boxes) to apply gradients to certain widgets, but hadn’t used a material directly as the brush yet.

@Arodi007 In the short term, I might use this too. Since the zero-width outline didn’t fully “obey” the Alpha value, I hadn’t thought the RGB colors would function there either. Thank you also.

1 Like

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