custom Widgets do not work correctly on a split screen

General Issues and Bug Reporting
, ,
1

Summary

ModalDialogVariant Widget does not scale to the split screen, resulting in a huge widget on a small screen

Please select what you are reporting on:

Unreal Editor for Fortnite

What Type of Bug are you experiencing?

UI/Tools

Steps to Reproduce

  1. Create ModalDialogVariant Widget
  2. Place the Canvas Panel, png, with a link to any anchor
  3. Place Pop-up Dialog Device and use the newly created widget in it
  4. Download the private version of the island, then go to the lobby with a playstation or other console that supports split-screen, join the lobby with a second joystick, go to the private version, and try to activate the Pop-up Dialog Device

Expected Result

widgets should scale to the screen size

Observed Result

widgets do not scale to screen size

Platform(s)

PS4, PS5
I think this problem also exists on Xbox

Island Code

8289-7246-0822

Video

Additional Notes

I tried to fix it by changing the anchors, but all I could do was open the exit button in each of the half-cut widgets.

In the screenshots from uefn, all objects have the same anchor as the highlighted one

2

Sadly, that’s working as intended, since you are using canvas, it is doing exactly what it is expected to…
Canvas is not very good for ui design, using it is usually a bad practice because does limit responsive UI practices and so on.
Building UIs is a complete task that can’t be relied blindly on “drag and drop” visuals. It has lots of technical aspects about the layout structure that must be considered, scales, aspect ratios and dynamic elements across different platforms and screens (This including also the splitscreen mode you commented).

Usually, you would need to build the UI based on parent-child widget relationship sizes, trying to stay away from fixed-pixel-size widgets and taking into account how the UI “molds” to its surroundings, available space and so on.

1 Like
3

can you tell me about other ways to do UI design? I’ve only used the canvas panel all my life and haven’t even heard of any others

4

The TLDR is: Avoid canvases entirely. Basically everything can be made without it, unless some absurdly specific niches that is very unlikely for you to hit.
It may be harder because positioning, anchoring and configuring offsets, sizes and paddings with overlays and other non-canvas widgets is a bit complex, specially if you are not used to them

About tutorials and guides, I personally say that is hard to find good ones and most of the cases you learn by experience. There are some beginner guides and examples but one of the thing that I always comment is “Don’t trust all tutorials”, you may fall under pitfalls like this canvas example.

For example, this is a good one, but it does not talk specifically about layout, and some stuff is related to UE only (not UEFN):

1 Like