The layout editor works like other unreal engine editors and the interface is similar to UMG (Unreal Motion Graphics) which allows you to design your widgets.
- Zoom : Mouse wheel
- Pan : Right Mouse button
- Select : Left mouse button
You can select a component by clicking on it or by selecting it from the component tree. When a component is placed below another, you must click twice slowly to select it.
Widget Handle #
To move or change the size of the component, you can modify the values directly in the detail panel. When you select a component, a handle widget appears, and you can move the component in all axes, or only in the desired axis, by clicking on an axis and holding down the left mouse button. The blue 45-degree axis allows you to change the size of the component uniformly.
Contextual menu and shortcut #
A right click opens the contextual menu which allow you to execute action based on context.
On designer surface
- Nothing yet, but I’ll add a reworked context menu in a future update.
On Component
- Nothing yet, but I’ll add a reworked context menu in a future update.
On Component Tree
- Nothing yet, but I’ll add a reworked context menu in a future update.
On Component Tree Item
- Rename : Rename current selected component.
- Delete : Delete current selected component.
- New Touch Input : [Only on Group Component] Add new component in group.
You can of course use keyboard shortcuts. Here is the list of command for version 2025.1:
- Zoom : Mouse wheel
- Pan : Right Mouse Button
- Select : Left Mouse Button
- Recenter Canvas : F
- Toggle Device Info : H
- Toggle Designer Outline : G
- Toggle Opacity State : O
- Toggle Designer Constraint : C
- Toggle Orientation : P
- Toggle Overlap Check : I
Other command will be added in future update and this list will be updated accordingly.
