Creating Responsive UMG Design

Development Programming & Scripting UI
, , , ,
1

Hello guys,

I want to create a responsive UMG design in UE. I have 3 separate widgets which I want to arrange it in column structure when canvas size is of the desktop monitor.But when same is opened in portrait mode(Mobile or tablet) I want these 3 widgets to be displayed in row structure one after the other.

Below is attached image showing a structure in Monitor and Mobile view.
Is there any way in UE4 to achieve such layout?

128397-responsive.png
128397-responsive.png1159Ă—1336 3.79 KB

2

You can use a “Vertical/Horizontal Box” to structure your design in that way. You can also switch between those boxes with the “Widget Switcher”

WTF is: Vertical Box

WTF is: Horizontal Box

WTF is: Widget Switcher

3

Alternatively based on your requirements you could use a Grid and set the Row/Column index per child depending on resolution

4

For anyone coming here in the future:
Wrap box is extremely useful here

2 Likes