Introduction

By default in a form, all fields from the JSON schema are displayed vertically each in a row.

...

Vertical orientation

You can change this default by configuring orientation of the layout in the form configuration.

...

This example layout configuration would create exactly the default layout:

...

Horizontal orientation

You can then change the orientation, width and height of a layout item like this:

...

Both min-width and max-width can be also used in place of width to reach responsiveness within defined limits.

Nesting layouts and orientations

Layouts and its orientations can be nested in order to also create quite complex form structures. Here’s an example:

...