Hidden Fields

The "Hidden" feature in form or JSON configurations is indeed used to control the visibility of specific fields based on certain conditions or selections. Consider a scenario where you have a form with a dropdown menu allowing users to select a file type: "Image", "PDF", or "Text". Depending on the selection, only the relevant fields for that file type are displayed.

🔴Note : Hidden Fields does not support dynamic API calls for children.

Hidden Fields: Use the “hidefields”type to make fields invisible while passing necessary data.

Conditional Hidden Fields: Use “fieldsToHide”to hide fields based on conditions from other fields.

Dropdown Children: Condition applicable on dropdown children. If nothing is selected in the dropdown all the fields are visible to the user.

[

{

"key": "FileType",

"type": "hidefields",

"label": "FileType",

"children": [

{

"label": "attachment",

"value": "attachment",

"sample": "attachment"

{

"label": "image",

"value": "image",

"sample": "image"

{

"label": "file",

"value": "file",

"sample": "file"

}

"fieldsToHide": {

"file": [

"image",

"attachment"

"image": [

"attachment",

"file"

"attachment": [

"image",

"file"

]

}

{

"key": "image",

"type": "string",

"label": "image"

{

"key": "file",

"type": "string",

"label": "file"

{

"key": "attachment",

"type": "string",

"label": "attachment"

}

]

Show fields based on selected field: