Conditionally display a field based on another field input

Here I am trying to show the group on the right only IF “Yes, I have applied” is selected in the left.

You can see the condition formula. What am I doing wrong? I’m sure this is a me issue, hoping anyway.

You should bind your formula to conditional rendering. In such a case it should return “true” or “false”.

Yeah, you need to check for the VALUE, not the LABEL of your select element.

Yes, I did switch to the VALUE instead after realizing the mistake. Seems like I’m doing something wrong here.

What might be the issue? Should be that only if the “applied” value is true, show item.

Could you show what values can the select have? I can’t see what the green value is.

Only these two values.

Screen Shot 2023-12-03 at 1.28.14 PM

I’d switch the if a little, I’d do if [var] = “applied” and then display, else none, this way you get it ONLY when you have it to applied? Or basically just switch the != for a = logic. Also, if you’re targetting the display, then I’d do either block, or flex, “display” is not a valid property, or is it?

You might just go, and input into the conditional rendering just this simple formula [AppliedSelection - value] = “applied”, this will make it so it returns either true/false, and this will work with the display in a more straightforward way.

1 Like

Thanks Rob! Yes, I simplified the formula and it works. The date field wrapper I have selected now only appears if the “AppliedSelection” value is “applied”.

Pefection!

Screen Shot 2023-12-03 at 2.15.13 PM

1 Like