How to set different corner details for individual corners?

Godot Version

4.6.1

Question

How to set corner details for individual corners.
Is there a way to make a PanelContainers two corner to have corner detail 1 (a bevel), and the other two like 8 (rounded).
Yes i can draw a custom container, with a mile of code, and remake like 5 screen wort of UI but, it would be easier to make only this one detail with code but i cant figure it out how.

Any idea?

I’d just add a theme overwrite to overwrite the “Panel” style with a StyleBoxFlat. In that stylebox you can set custom corner radii per corner, no code required.

2 Likes

Like this?

2 Likes

Corner radius can be set on a per-corner basis, but corner detail can’t. You’ll have to use a StyleBoxTexture to achieve the desired look instead (which means it won’t be as sharp at high resolutions).

2 Likes

Have you looked into a 9 slice?

1 Like

Like this, but right now the corner details are one, so i just set to top right and buttom left corner to a very small radius so it appears “round” but i want to use a bigger radius like on the panel below.

Yes but i want to set the Corner Details individualy, not the radii.

Any idea for that?

I hopet there is some black magic that can help, all the hud element i made as textures just looked way too sad :smiley:

Something like that you can only do with a StyleBoxTexture.

Yeah that is what feard. :sob: