Can we hide the next tab based on the value of a field from previous tab?

[venkatesh1146]

I want to hide next tab based on the value of a field in the current tab. Is this supported in the current version @manojadams ?

[manojadams]

Currently we do have provision to enable tabs as follows:

"events": {
    "click": {
        "type": "emit-event",
        "value": "$enable-current-tab"
    }
}

But disable tab based on certain field value is currently not present.

To understand your requirement better, can you give me a sample example with more details of your use case?
One sample example: https://codesandbox.io/p/sandbox/customer-feedback-form-mui-forms-63mlks

[venkatesh1146]

Hi @manojadams

Usecase code
Here is our requirement, I would like to hide the email field in second section when the countries is IN.
Also I am not able to hide the second name based on the countries field.
What am i missing here ?

[manojadams]

Hi @venkatesh1146 ,

The key dependencies has to be inside meta object.
Can you check now?

For your reference: https://mui-forms.vercel.app/field-dependencies/exists#exists-dependency-example

[venkatesh1146]

Hi @manojadams
Thank you for the quick update.
Update my code working for same tab fields.

Any solution that we can use to hide the field in other tab/section ?

[manojadams]

To refer to fields in other tab's/section, you can use the key section.

Check updated docs here:
https://mui-forms.vercel.app/field-dependencies/exists

For example:

dependencies: {
  exists: {
    section: "basic_details", // this refers to fields in other tab/group of the form
    ref: "countries",
    value: "IN"
  }
}