Skip to main content

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

Hi @ishwar 

 

What exactly are you referring to here? The question is very vague and needs more context

 

in Zapier there is no way to hide something in the steps if that is what you are referring to


For Example  I have two input fields or dropdown . Lets say Field1 and Field2.

If i select any values values in field1 then only the next field(filed2 ) should be displayed .

Because the  field2 is dependent on the field1 .

Without getting any value in field1 ,i cannot proceed with field2.


Are you trying to build your own app integration you mean? This type of condition logic is not available in Zapier, its not a form to be filled 🙂 The action step triggers all at once. 


yes i am trying to build app integration .I am creating Action for my APP.

Its not a form i am well aware of that .

But wat if Field2 hits a API which requires one parameter as input and this parameter is decided by selecting field1.

if a user don’t select anything in field1 and directly try open field2 dropdown ,he wont be able to see the listed values from the API .(As the API will hit 400 ,as no param was provided ).


In this case you will make Field 1 Required field as shown in the Set Field Options here https://platform.zapier.com/docs/input-designer 

 

Since field 1 is required, the step won't even go to the Test part 


Hey @ishwar 👋

If Field 2 is dependent on Field 1, you should be able to configure those as dynamic fields with the altersDynamicFields property checked: 

https://platform.zapier.com/docs/input-designer#alters-dynamic-fields  

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

You’ll need to use Code Mode: https://platform.zapier.com/docs/faq 

I’d suggest giving that a try and if you’re running into more questions, post a screenshot of the Code Mode here with any sensitive data hidden.