Skip to main content

Show a form field only under certain conditions.

You want to display a field based on the answers of another field.

Elsa Fernandes avatar
Written by Elsa Fernandes
Updated over 2 years ago

Sometimes you may need details on a field when the user selects a particular answer.

Create a conditional field

For example, you ask your users if they have a pet with a "Select a single answer" field (the dropdown list). In the list of choices there is for example Cat, Dog, NAC and you want that if your user chooses the answer Dog, he can then indicate the size of his pet.

All you have to do is create all your "What pet do you own?" and "How big is your dog?" fields.

Then in the form you go to the field that conditions the display of the other field (here it is "Which animal do you own?" and click on the "Conditional field" icon.

Click on "Add a new condition" and configure it according to your form. Here you have to indicate that when "Which animal do you own ?" = "Dog" you have to display "How big is your dog ?

Some rules about conditional fields

For ease of use, we will name here a parent field a field which conditions the display of another field and a child field a field whose display depends on another field.

  • You can add multiple conditions on a single field.

  • You can make a child field also a parent field (Drawer fields)

  • A field that is not visible (whose checkbox is unchecked) in the list can neither be a parent nor a child. In the same way you cannot disable a field that is a child or a parent (grayed out checkbox)

  • The e-mail field cannot be a child.

  • When you check the "Required" option on a child field it is only required when it is displayed (it will not block the validation of the form if the condition that displays it is not met)

  • Multiple choice fields and optins cannot be parents.

  • In the Kimple editor all fields remain visible. A message informs just below the child fields that they are displayed only when the condition is met. You can therefore foresee the size that your unfolded form will take and thus be able to adapt your graphic background to these fields. You can always check all these fields in the preview of your project.

List of available conditions

The fields are different and therefore have different operators (action) depending on their type.

Fields of type "Free field", "Open question":

Conditions assigned to the field: "is filled in", "is empty".

Fields of type "Single choice question/answer", "Single answer selection" and "Store locations":

Conditions assigned to the field: "is filled", "is empty", "=" (equal) (one of the answers in your field)

Field type "Date of birth" :

Conditions assigned to the field: "is filled", "is empty", "=" (equal), "<" (lower), ">"(higher), "<=" (lower or equal), ">=" (higher or equal)

Fields of type "Multiple choice question/answer" and "Optin":

Cannot be parented.

Did this answer your question?