Layout properties


To edit the properties of a form field, the corresponding form field editor can be opened in two ways:

  1. By clicking on the "Edit" icon (gear) in the table overview of all form fields on the right-hand side
  1. By clicking on the "Edit" icon (gear) in the pop-up dialog in the graphical view of the form on the left-hand side:

admin_formfields_1_en.png

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:

admin_formfields_2_en.png

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

admin_formfields_5_en.png

Changing the position of a form field

There are 3 ways to change the position of a form field in the form field editor:

  1. By changing the control elements "X" and "Y"
  1. By using the arrow keys
  1. 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:

admin_formfields_12.png