Layout properties
To edit the properties of a form field, the corresponding form field editor can be opened in two ways:
- By clicking on the "Edit" icon (gear) in the table overview of all form fields on the right-hand side
- By clicking on the "Edit" icon (gear) in the pop-up dialog in the graphical view of the form on the left-hand side:
The pop-up dialog only appears in interactive mode of the form view. The dialog that appears has the following appearance, which can vary slightly from field type to field type, as the different field types can have different properties. The first two tabs, "Layout" and "Color", are common to all field types. We will first look at the "Layout" tab:
The layout properties have the following meanings:
- X: The position of a field in the horizontal direction
- Y: The position of a field in the vertical direction
- Colspan: The number of grid cells spanned horizontally
- Rowspan: The number of grid cells spanned vertically
- Absolute width: The absolute width of a form field in pixels
- Absolute height: The absolute height of a form field in pixels
- Alignment: The orientation of a field within its grid cells
- Fill horizontal: Specifies whether a field should extend horizontally across its grid cells
- Fill vertical: Specifies whether a field should extend vertically across its grid cells
- x-Pad: The horizontal indentation of a field within its grid cells
- y-Pad: The vertical indentation of a field within its grid cells
For the The validity ranges can be defined for the field types "floating point number" and "integer". These are defined using the four attributes in the "Value range" section:
- Min: The minimum allowed
- Max: The maximum allowed
- Default: The standard value
- Step: The step size with which the value can be adjusted
Changing the position of a form field
There are 3 ways to change the position of a form field in the form field editor:
- By changing the control elements "X" and "Y"
- By using the arrow keys
- By dragging and dropping
In interactive mode, a form field can be "grabbed" by holding down the left mouse button. The form element can then be dropped onto the displayed grid slots (marked with light blue borders) or onto another form element: