UMG 3D Widget Doesn't Render Material

Development Programming & Scripting UI
, , , ,
1

I’m unable to get materials to render on 3D UMG widgets. It works fine for 2D widgets.

I have a primary widget that’s just a border with a text box, the material is applied to the border.

75334-layout.jpg

I then use a bunch of these in a vertical box.

75335-larger+layout.jpg

The material is set to UI domain but I’ve tried changing it to Unlit Surface with no luck.

75331-material.jpg
75331-material.jpg709×201 19.4 KB

The material is meant to be applied only to the user-selected menu item, but in this test below I have it set to apply to all widgets. For example purposes only, I’ve constructed the widget so that it shows simultaneously as a 3D and a 2D widget. You can clearly see that the 2D widget is showing the material while the 3D widget is not.

75336-double.jpg
75336-double.jpg942×586 68.2 KB

2

So. The problem has to do with the Tint Alpha on the Border Brush. I had the Tint Alpha set to 0 so that, you know, I didn’t have any tint. This works fine in 2D but causes the 3D rendered version to have zero opacity. The solution for me was:

  • Set the Tint Alpha to 1
  • Create a new material for the unselected state that is set to Translucent with 0 opacity.