Select List Dependency - Include All Controlling Fields

This guide will explain how to define dependencies between multiple Select fields to control specific Select options using the “Include All Controlling Fields Option”.

When you select “Allow” in the Controlling Select fields, the Dependent Field will show the referred select options.

Drag and drop two Header and six Select fields. Rename the Labels and Headers Text as shown below.

Here five Select fields are controlling fields, and only one Select field named “Available Modes of Payment” is the Dependent Field.

image
image

Add the following Select options for all five controlling fields:

  • Allow
  • Not allow
  • Not defined
image

Click the pencil icon of the Dependent Select field (Available Modes of Payment).

Add the following Select Options:

  • Cash
  • Internet Banking
  • Credit Card
  • Debit Card
  • Mobile Wallets

Then click on “Field Dependencies”.

image

Set “Yes” for the “Include All Controlling Field Options”, and paste the JSON in “Field Dependencies”.

image

Please use the below JSON. Save the changes.

{"c445-af56-f7a4":{"Allow":["Mobile Wallets"]},"8d98-fd01-29ca":{"Allow":["Debit Card"]},"48ae-6ec0-5c0f":{"Allow":["Credit Card"]},"c76f-8434-6cb1":{"Allow":["Internet Banking"]},"3391-8914-d7a7":{"Allow":["Cash"]}}

Try the form. If you select “Allow” in the Controlling fields, the Dependent Field will show the referred select options.

image

For any questions, please contact us - [email protected] or the Formyoula in-app chat 🙂

Example Form.json22.9KB