Group Not Displaying after Activion

Resolved

(@surferchappie)

I have a frustrating issue with a group not displaying on the front end after the activing [in this case -select- field] is selected.

Here’s the CF7 text:

<div class="col-lg-12">
        <div class="form-group">
            <label for="contact-message" class="custom-font-family font-weight-medium">Do you want to know about delivery to your site/location?</label>
            [select delivery-opt-in id:contact-message class:form-control label_first_as_label "-- Please select an answer --" "Yes please" "No thank you"]
        </div>
    </div>
[group delivery-address]
    <div class="col-lg-6">
        <div class="form-group">
            <label for="contact-name" class="custom-font-family font-weight-medium">Address Line 1 </label>
            [text address-1 id:contact-name class:form-control class:line-height-lg]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label for="contact-name" class="custom-font-family font-weight-medium">Address Line 2 </label>
            [text address-2 id:contact-name class:form-control class:line-height-lg]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label for="contact-name" class="custom-font-family font-weight-medium">Address Line 3 </label>
            [text address-3 id:contact-name class:form-control class:line-height-lg]
        </div>
    </div>
    <div class="col-lg-6">
        <div class="form-group">
            <label for="contact-name" class="custom-font-family font-weight-medium">Post Code </label>
            [text postcode id:contact-name class:form-control class:line-height-lg]
        </div>
    </div>
[/group]

and the CF7CC:

show [delivery-address] if [delivery-opt-in] equals “Yes please”

Any help would be much appreciated.
Using the Conditional Fields plugin on lots of sites and haven’t had this issue before.
Checking for script and php errors, nothing found.

Cheers
Paul

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

ropr
(@ropr)

4 years, 9 months ago
Shouldn’t it be
show [delivery-address] if [delivery-opt-in] equals “Yes please”

For me the ” where wrong
- This reply was modified 4 years, 9 months ago by ropr.
- This reply was modified 4 years, 9 months ago by ropr.
- This reply was modified 4 years, 9 months ago by ropr.
Thread Starter surferchappie
(@surferchappie)

4 years, 9 months ago

Thanks for your help @ropr , didn’t make a difference unfortunately.
Have tried building the condition using text and the automated boxes, no joy.
Even more frustratingly i can get it working if i yank the form out of the page altogether yet comparing code cannot see a shred of difference – conflict somewhere it seems.

Plugin Author Jules Colle
(@jules-colle)

4 years, 9 months ago

Nothing wrong with your form. It’s working perfectly in the form tester: https://conditional-fields-cf7.bdwm.be/form-tester/?hash=c5644a1f73abe5fc8df58beea3050588

Did you remove the form from the page you linked to? I can’t seem to find it.

Plugin Author Jules Colle
(@jules-colle)

4 years, 9 months ago

I’m guessing that your form is being loaded via Ajax.. Please see: https://conditional-fields-cf7.bdwm.be/docs/faq/how-to-initialize-the-conditional-logic-after-an-ajax-call/

Thread Starter surferchappie
(@surferchappie)

4 years, 9 months ago

Hi @jules-colle, thanks for the reply.
The form was pulled in via a html block, with this method the conditional fields failed to show.
I tried the block alone and the form worked fine.
I have since rebuilt the html block into a separately loaded popup, the conditional fields work fine in this too.

Why it failed to allow the cond. fields to load on activation when the block was loaded with the page itself i do not know – an odd one and likely a conflict with the js.
I removed the footer include from the theme’s main footer.php file and built it into a child theme file but this didn’t fix anything.

All working again now and nothing wrong per se with the conditional fields plugin but an interesting conflict with Porto.

Thanks for your help, Jules.

Thread Starter surferchappie
(@surferchappie)

4 years, 9 months ago

@jules-colle, here is a page with the link to the popup that contains the form (click the ‘Leave a message’ info box) – the popup is also just calling in an html block but given the load sequence allows the js for the cond. fields to work, loaded with the page content itself this is missed from the page on a Porto theme build, the content is there in the raw code but fails to show on the front end for the user.