How to remove outline from RoundedBox Images or Buttons?

Development Programming & Scripting UI
, , ,
1

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
image1509Ă—691 132 KB

image

2

Fixed rounding with with a radius of -1 ?

3

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

4

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.

5

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.

6

Ah, I see.

  • material:

image
image1464Ă—520 71.4 KB

  • and box mode:

image
image1038Ă—840 47.8 KB

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.

7

image
image1033Ă—595 38.5 KB

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

8

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:

image
image730Ă—749 81.5 KB

Can’t wait but there’s no ETA.

9

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

10

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.