By default, Orbeon Forms places form controls fairly close to each other: the reason for this behavior is that Orbeon Forms is designed to handle large forms, and placing controls close to each other allows you to fit more controls on a single page.
However, there are cases where you’d like form controls to be less dense, for example when you have a form with a small number of controls, or when you want to make the form more readable.
Until now, this was only possible using custom CSS. But with Orbeon Forms 2024.1, Orbeon Forms introduces a new setting: “Form Density”. This setting is available in Form Builder, in the “Form Settings” dialog, under the “Appearance” tab:
There are three form density options, in order of increasing spacing between controls:
- Compact: This is the current default with Orbeon Forms until 2023.1.
- Comfortable: This is the default for forms created with Orbeon Forms 2024.1 and later.
- Roomy: Choose this for even more spacing between controls.
Here is how the same form layout looks with the three different form density settings. First, the default “Compact” setting:
Second, the “Comfortable” setting. Notice how the controls are spaced out more:
Finally, the “Roomy” setting:
In addition, you can use configuration properties to change the default globally, per app, or for a specific form.
For more, see:
We hope you will enjoy this feature of Orbeon Forms 2024.1!