Blurry UMG using a Retainer Box

Hello, I want to use a Retainer Box in order to use a Material Effect for my full UI. The problem is that when I add my Canvas to a RetainerBox, all my HUD gets blurry or low quality.

WithoutRetainerBox.jpg

WithRetainerBox.jpg

I don’t know which could be the problem, I’m using the default settings for the RetainerBox. Any Idea?

4 Likes

Can you look at the retainer Transforms Scale? If it isn’t 1, try to set it, cause rescaling withing viewport causes blurring.

I know this is old, but if it helps anyone, check If you’re using scale box in the umg, and if the retainer box is possibly inside it.

1 Like

I have only a Canvas Panel with Text boxes inside. Scales set to 1, 1 (100%). But my font 10 and 12 text is still blurry. Know how to fix? (found this by search) Or should I make my own post. Ty

I have the same problem with text and images. Did you found any solution or workaround?

No. Im surprised more people havent chimed in. It’s illogical that the text is blurry with default settings, for a size that looks crisp in the editor.
What engine are you in? Im in UE4.27

I have a problem with retainer box but with texture. without all ok, with retainer box missing vertical and horizontal lines in textures on borders

I thnk I found a decent solution. You will want to use a scale box to scale the whole UI up, then the retainer box, and then another scale box to scale the result down. It really helped me.

For me, the issue was that I simply was not adjusting the image component size x/y to match the original image dimensions. Annoyingly, it looks like the widget editor does not have a problem with this, but when you use a widget component to render it in the world it goes blurry.

Still a problem. I use common “Text” widget, it’s blurred out on the displays with different scale

1 Like

Had a similar issue with retainer boxes where my text would look blurry, with some kind of dark outline. Found that the blend mode in the effect material should be set to alpha composite to correctly apply translucency, and it fixed my issue.

Blend mode set to ‘Translucent’

Blend mode set to ‘AlphaComposite’