How to hide one field

General
1

Is there any way to hide one particular field?

[original thread by Tanya Gamarian]

2

Hi @ohtanya, you can provide your own ui schema and just don’t include a control for the specific field. Let’s say this is your JSON schema:

{
  type: 'object',
  properties: {
    name: {
      type: 'string',
      minLength: 3,
    },
    vegetarian: {
      type: 'boolean'
    },
    birthDate: {
      type: 'string',
      format: 'date',
    },
  }
}

You could then use the following ui schema to “hide” the birthDate field by not specifying a Control for it.

{
  type: 'HorizontalLayout',
  elements: [
    {
      type: 'Control',
      scope: '#/properties/name'
    },
    {
      type: 'Control',
      scope: '#/properties/vegetarian'
    }
  ]
}
3

Dears,
What about the need to have a hidden field (by default) that gets displayed based on some rule?

4

Hi @maltrkawi, you can take a look at our SHOW/HIDE rules.

5

What condition can I set to HIDE always?

6

I found the solution.

    "rule": {
        "effect": "HIDE",
        "condition": {}
     }
1 Like