Question

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

  • 30 September 2022
  • 6 replies
  • 437 views

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


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

6 replies

Userlevel 7
Badge +8

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.

Userlevel 7
Badge +8

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 ).

Userlevel 7
Badge +8

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 

Userlevel 4
Badge +9

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.