Forms condition show/hide doesn't work

Questions
1

I am using Umbraco Forms with a form that has a couple of conditional fields that should only show when a single choice field has a certain value.
Like:

Sample condition
Sample condition473×125 5.45 KB

Where Yes or no is a radio button field.

However, the conditional fields never show.
I assume I have set up the form scripts correctly, as per the instruction.
The form scripts are indeed loaded, and I can set a break point in the js code at line 135, method

Chrome debugger
Chrome debugger492×143 18.3 KB

The “shouldShow variable” correctly determines the field should show when the value is Yes.
Still, the conditional field is not rendered…

I’m on Umbraco Cloud using the latest version of Umbraco Forms (not yet 6.0.4. which is scheduled this week).

Any clues?
Thanks in advance!

This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/88819-forms-condition-showhide-doesnt-work
2

In my case, I had overridden the default Forms .cshtml files, and the issue was the following:

  • The class umbraco-forms-form was missing from the div which wraps the form (the div with id="umbraco_form_xx”)
  • The class `umbraco-forms-page` was missing from the individual page (the form is multi page)
  • I was missing some lines in Scripts.cshtml
  • I had a field which was more of an information screen. This required adding a hidden field with the data-umb attribute to trigger the conditional script