problem with conditional fields not working

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Ogilvy NZ 1 post 71 karma points

Oct 19, 2016 @ 04:18
0

Problem with conditional fields not working
Hello,

We use Umbraco Forms for a client's website so that the content editors can build their own forms within the CMS. Our client is having a problem with the conditional logic functionality not working - it is configured however when a condition is met, the conditional fields don't display. We're able to reproduce this and have created a very simple form using conditional logic on their staging site for troubleshooting.

Our simple test form has a single choice field as the first question, with two subsequent fields (both 'Title and description' fields) set to show dependent on the answer of the first question. (I'm happy to privately share a link to the test form if that would help!)

Here's a screenshot of the form in back office:

Here's the conditional configuration for each of the conditional title and description fields:

In troubleshooting we've confirmed these dependencies are included:
```
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>

<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>

<script src="https://ajax.aspnetcdn.com/ajax/mvc/5.1/jquery.validate.unobtrusive.min.js"></script>
```
There are no js/console errors. HTML markup isn't being rendered for the conditional fields when the condition is true.

The site is on Umbraco v7.4.3 and Forms is v4.3.2.

As we haven't found any errors or obvious place to look next, I am hoping that it's just that we and our content editor are missing or overlooking something in the configuration. Any help would be much appreciated!

Thanks,

Melanie
Copy Link
Dennis Aaen 4500 posts 18255 karma points admin hq c-trib

Nov 20, 2016 @ 10:49

0

Hi Melanie,

Are you loading the dependencies in the top of your HTML document in the head section, or are you loading them in the bottom of the HTML document just before body end.

If you are doing it in the bottom, then you need to do some extra steps. Try to see this documentation.

https://our.umbraco.org/documentation/products/umbracoforms/developer/Rendering-Scripts/

Hope this helps,

/Dennis

Copy Link
Craig100 1136 posts 2523 karma points c-trib

Mar 21, 2017 @ 16:14

0

I'm having the same problem with conditional logic not working in Forms 4.4.2. Scripts are being rendered correctly at the bottom of the page and there are no console errors. The form submits ok. Just the conditional doesn't operate. Logic is correct.

Please advise

Copy Link
Dennis Aaen 4500 posts 18255 karma points admin hq c-trib

Mar 21, 2017 @ 17:38

0

Hi Craig,

Which question type are you using when the conditional logic not working in Forms 4.4.2.

Please let me know then I will see if I can reproduce this in fresh setup. What version of Umbraco are you using by the way.

/Dennis

Copy Link
Craig100 1136 posts 2523 karma points c-trib

Mar 22, 2017 @ 00:19

0

Hi Dennis,

Umb 7.5.11. The conditional question is a short answer which is attached to the result of a dropdown. Though it's the same failure with a single select and a multi select in place of the dropdown.

I'm using the same three scripts recommended in the docs from the asp.net CDN though I really want to use the latest 3.2.1 JQuery which I'm using for the rest of the site. What are the latest versions of those scripts that we can use and still have Forms work properly (once we get this conditional thing working that is ;)) ?

Cheers

Copy Link
Dennis Aaen 4500 posts 18255 karma points admin hq c-trib

Mar 22, 2017 @ 10:11

0

Hi Craig,

I was thinking if it could be something like this that you are experience too?

http://issues.umbraco.org/issue/CON-1297

Best,

/Dennis

Copy Link

Craig100 1136 posts 2523 karma points c-trib

Mar 22, 2017 @ 11:41

Hi Dennis,

I don't think so. I'm not doing anything special to change the value or text of the dropdown options. Also it's the same if the dropdown is replaced with a Mulitple Choice or Single Choice field.

Here's the mark up (considerably tidied up!) with comments annotating which is the conditional field and it's trigger:-

<div class="contourField wheredoyoulive dropdown">

    <label for="9e3f69ce-6ea5-41ac-f8fe-0686bfda2640" class="fieldLabel">Where do you live?</label>

    <div>
        <select name="9e3f69ce-6ea5-41ac-f8fe-0686bfda2640" id="9e3f69ce-6ea5-41ac-f8fe-0686bfda2640">
            <option value=""></option>
            <option value="New Milton">New Milton</option>
            <option value="Barton-on-sea">Barton-on-sea</option>
            <option value="Bashley">Bashley</option>
            <option value="Other">Other</option> <!-- << Trigger for Conditional Field - Ed -->
        </select>

        <span class="field-validation-valid" data-valmsg-for="9e3f69ce-6ea5-41ac-f8fe-0686bfda2640" data-valmsg-replace="true"></span>
    </div>
</div>

<div class="contourField whereisthat shortanswer alternating" style="display: none"> <!-- << Conditional Field -Ed -->

    <label for="7be72376-966f-4dc8-f362-cfa5ec38f6e4" class="fieldLabel">Where is that?</label>

    <div>
        <input type="text" name="7be72376-966f-4dc8-f362-cfa5ec38f6e4" id="7be72376-966f-4dc8-f362-cfa5ec38f6e4" class="text" value="" maxlength="500" />

        <span class="field-validation-valid" data-valmsg-for="7be72376-966f-4dc8-f362-cfa5ec38f6e4" data-valmsg-replace="true"></span>
    </div>
</div>

/Craig

Copy Link

Craig100 1136 posts 2523 karma points c-trib

Mar 22, 2017 @ 21:59

0

Turns out my problem was that I didn't add @Umbraco.RenderMacro("FormsRenderScripts") to my contact form template. All working now.

PR raised on the documentation to make it a bit clearer.

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?