For anyone ever coming here wondering how to pull this off here’s what I ended up doing with Everynone & scha’s help:
• A retainer box is parented to the UMG buttons/images/etc.
• A new material is created, (the name of the material is irrelevant but in my case it is called “List_Overlay_Material”).
• This material is then plugged into the “Effect Material” of the Retainer Box:
• Double click the material and set it up as the following:
*Note a few things for the Material set-up:
-
The “Tex” is a 2D Texture Parameter. It does not matter what the texture is as pointed out by Everynone. Simply drag literally any >texture< from your content browser into this graph and right click it to convert it into a parameter.
-
Rename this parameter to whatever you like but remember what you call it, (in my case I called it “Tex”).
-
The material MUST be in the User Interface material domain and blend mode set to “Translucent”.
[spoiler]
[/spoiler] -
Note the set up for the gradient in the material graph. This set up is for creating an linear vertical gradient which fades into white in the center from black on the top and bottom Your set up does not need to be this way. You can have just a regular vertical or horizontal gradient (left is white, right is black) and it will work the same.
-
The “texture coordinates” and plugging the “Tex” (In my case) into the final colour are all very important. Make sure your gradient set up is plugged into the opacity.*
-
As stated, the 2D TextParam is completely irrelevant.
[/spoiler]
[spoiler]
• Your material is ready. Go back to your design window and in your retainer box, set the “Texture Parameter” to whatever you named your ‘2D Texture Paramter’ inside the material you created, (context sensual ;))
• Compile and save everything.
You’re done!
Depending on your Material, it should look something like this at runtime:
