Question

How to hide a dropdown or make it disabled before a preceding dropdown has been filled up?

  • 5 October 2020
  • 1 reply
  • 515 views

Hi. I just wanted to ask if it was possible to make a dynamic dropdown invisible to the zap creator until a condition was met? Like, it will only show up once another button was clicked or when a preceding dropdown's value was matched? Also, to disable a dynamic dropdown unless the preceding dropdown was filled up already?


This post has been closed for comments. Please create a new post if you need help or have a question about this topic.

1 reply

Userlevel 7
Badge +9

You can effect this with a dynamic field.  Dynamic fields are distinct from dynamic dropdowns and the naming is bit confusing.  :wink:

A dynamic field is a javascript function that returns an array of field objects, as specified in https://zapier.github.io/zapier-platform-schema/build/schema.html#fieldschema.  The function you provide is called when the form renders and again each time another field with the `altersDynamicFields` attribute set to true changes.  

If this function, say, returns an empty array when the form loads, but returns fields once a value is selected in the `altersDynamicFields` field, you’ll get the behavior you are after.  

https://platform.zapier.com/docs/input-designer#how-to-add-dynamic-and-custom-fields

https://zapier.github.io/zapier-platform/#customdynamic-fields

More discussion and example here: