CS Forms - Conditional Display of Fields

Hi Charlie,

Presumably, complex contact forms can be easily created. However, what is the recommended way about conditionally displaying fields?

Let’s say we have field A and field B. By default field B is hidden, unless field A has content, when field B now displays

Alternatively, if field A is a true/false dropdown or a checkbox and the default is false, field B remains hidden. But if the true option is selected, field B is displayed.

What is the best way of dealing with this in CS Forms, please?

Thanks,
Christopher

3 Likes

Right now we only have back-end conditions, the conditions we are all used to. So having something show up or hide based on a form input isn’t really an option without custom JS. As a side note, how do you do this in your current form? Do you have a screenshot you could send me?

Not sure how others do it, but in Formidable Forms, every item has a conditional logic section that allows you to show/hide something based on a variety of conditions.

Pretty similar to what we can do with the conditional visibility of elements in Cornerstone already, but it applies to the form immediately.

For example in this particular condition, there’s a radio field asking “Are you already a client?” with Yes and No as options. As soon as someone clicks No, it makes this particular field appear.

(Also, BTW, you can see those button-style radio buttons I was telling you about here too)

1 Like

Hi Charlie,

I amusing WPForms Pro for my scenario. In the below screenshot:

  1. The radio button of this field determines the conditions of field 2.

  2. The condition is set in the smart logic of field 2.

Thanks,
Christopher

Hi Charlie,

another example is quform:

Pretty straight forward.

Conditional field logic is part of most form plugins. It would be great to have in CS Forms as well.

1 Like

Thanks for the examples. I recall requests for conditional logic in a non-forms context, so I think we’ll end up creating a system for all of Cornerstone. We’ll have some Form specific logic for this system.

2 Likes

Fantastic - is this likely to be included in the initial CS Forms release?

2 Likes

That sounds really good!