Layout Editor
Build and adjust the structural layout customers will resize
Layout Editor
The layout editor controls the structure customers see in the configurator.
Core building blocks
- rows place children side by side
- columns stack children top to bottom
- components sit inside the layout and represent windows, doors, panels, or separators
What customers can change later
Customers can usually resize separators within your rules, but they do not rebuild the structure itself. That means the layout editor is where you lock in the product logic.
Fixed vs percentage sizing
Use:
- percentage sizing when sections should flex relative to each other
- fixed sizing when a section must stay locked to a specific size
Resizing in the editor
Drag the resize handles to set the default balance between sections.
If a resize stops unexpectedly, the layout has likely hit one of the component constraints. In practice, the editor can enforce those limits without always showing a detailed explanatory message.
Current limitations to work with
- there is no full undo/redo workflow
- constraints may feel silent when a resize is blocked
- rows and columns need deliberate structure; rushed layouts become confusing quickly
Best practices
- start simple
- test the layout with realistic total dimensions
- avoid overly clever nesting until the base flow works
- check how the default layout looks in the customer preview