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 & 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 Tree
- Add Layout Component : Add new layout component in root.
- Add Layout Group Component : Add new group component in root.
On Component Tree Item
The context menu adapts to the selected component type. You’ll find standard system operations like copy, cut, duplicate, rename, and delete. You’ll also find plugin-specific operations such as hiding a component or locking its editing in the viewport. Finally, you’ll have access to all the operations involved in adding components (layout components or decorators).
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.
