Skip to main content

Layout Example

All layout examples use the same schema which is an object with two properties, name and birthDate.

Horizontal layout

Vertical layout


A Group is like a VerticalLayout but features an additional label property. In this case it has been set to 'My Group'.

Nested layouts

This example demonstrates how layouts can be nested in order to create more complex forms. The top UI schema element is a Group which in turn contains a HorizontalLayout. The elements of the HorizontalLayout then are again VerticalLayout.