Hidden Fields

FAQ
Developer hub
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:




    