UMG - Pixel perfect borders

erebel55 · May 7, 2016, 1:30pm

Is there anyway to do pixel perfect borders that are less than 3 pixels tall? I want to reproduce something like this in UMG.

I have tried using the Border widget but it seems to render things at inconsistent heights for some reason.

Here is my UMG hierarchy

neai · June 5, 2016, 11:26am

As alternative you can try a plain Image widget:

for a plain line try white texture with ie 1px height
for a pixel perfect border try the box rendering mode & a border texture (literally a texture with 1px white border on the edges and transparency inside)

Kakhoofd78 · March 26, 2017, 3:14pm

Can this be done with the Border widget by now?

anonymous_user_47ac02bb · June 8, 2017, 2:41pm

did you get anywhere with this? same issue…

erebel55 · November 29, 2017, 1:31am

No, I didn’t, sorry.

GamesByHyper_Eric · July 3, 2021, 6:02pm

Have you found it out? Same Issue. So anoying.

ameson · October 11, 2021, 4:12pm

Guys you need to properly setup DPI rendering rules ( DPI Scaling | Unreal Engine Documentation )

That affects how pixel perfect are elements rendered. Depends a lot if you wanna scale them or keep them same in different resolutions, but generally this is the way how to tackle this problem.