Hide form field
It is possible to hide a field in the form and at the same time not affect its other functions.
Configuration
The field becomes invisible in the form by specifying the predefined CSS class visinvisible in the field configuration:
- Field Configuration » Layout tab
CSS Class Settings group » Parameter CSS Class Control Group = ‘visinvisible’
Example
Below is an example with a form containing:
- 2 fields with field type Listbox:
- Listbox field option-1,
- Conditional listbox field option-2.
- 2 fields with field type Text:
- Conditional text field text-1,
- Conditional text field text-2.
Another application example with invisible form fields and the additional use of SQL Fields can be found in the section SQL Fields » Dependent Hidden Fields.
Conditional text fields visible
Text fields text-1 and text-2 should initially be visible in the form as usual.
Text fields text-1 and text-2 will then be permanently hidden from the user in the form further down in the example.
The conditional field option-2 should only be displayed when the option label2 is selected in the listbox field option-1.
When the option label2 is selected in the listbox field option-1, the conditional field option-2 is displayed.
The user will make a selection in the conditional listbox field option-2.
The conditional fields text-1 and text-2 are displayed in the form, corresponding to the selection in the listbox field option-2.
For the conditional fields text-1 and text-2:
- Only the text of the conditionally displayed text is included in the form data.
- The text of the conditionally hidden fields is not included in the form data.
Conditional text fields invisible
Both conditional text fields text-1 and text-2 should not be visible in the form.
In addition, both text fields are permanently invisible by specifying the predefined CSS class visinvisible in the field configuration:
- Field Configuration » Layout tab
CSS Class Settings group » CSS Class Control Group parameter = ‘visinvisible’
The Transferred Data
For the two permanently invisible conditional fields text-1 and text-2, the same applies to the transferred form data as for non-permanently invisible conditional fields:
- For the conditionally displayed case, the field data is transferred when the form is submitted.
- For the conditionally hidden case, the field data is not transferred when the form is submitted.
