Is it possible to clip a whole widget subtree using a circular shape or image

[eomlife]

It seems i can only use a rectangle widget to clip its sub widget tree. Add using material alpha clipping can only affect the attached widget itself.

[Supremative]

Look at this post:

Buttons can only be rectangular?

You could create a custom button with a User Widget and check its alpha. [CustomShapeButton] Follow these steps: Create User Widget (WBP_CustomShapeButton) and add Image: [image] Add variables and Event Dispatchers like here: [image] ButtonImage - Texture2D Normal, Hovered, Pressed - SlateBrush (Instance Editable) ButtonRenderTarget - CanvasRenderTarget2D IsMouseOver - Bool Create Material that you draw to Render Target later: [image] Add Pre-Construct Event to Event Grap…

You could use a similar approach.

[eomlife]

This post helps a lot, but I don’t fully understand how can I solve my problem. Shall I apply the alpha clip process, draw render target and clip in viewport coordinate, to every widget in the widget subtree?

[Supremative]

I would use the widget as a mask in the Overlay panel. If alpha is zero then unhandled else handled.

[eomlife]

You mean place a custom shaped button on the top of the Widgets Tree? This can help to prevent click event in alpha 0 area, but I want area of Widgets Tree under alpha 0 area of Mask to be physically invisible, which i have no idea how to implement.

[UnrealVerseGuru]

Afair You can make this kind of effect with RetainerBox URetainerBox | Unreal Engine Documentation
BenUI afair had tutorial for masking widgets, highly recommend to check his tutorials, hes UI pro

[eomlife]

RetainerBox seems to be exactly what im looking for. Many thanks!