Conditional fields not working

  • chandrakantmk

    (@chandrakantmk)


    8 years, 8 months ago

    The conditional fields are not working on my website.

    To find out the issue, I have switched the theme and deactivated all the plugins. The conditional fields started showing up. But after switching back to original theme, the issue still persists.

    When inspected, the “Console” part shows no error.

    Please advice.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    8 years, 7 months ago

    which theme is it? do you have a link you a non working form?

    Thread Starter chandrakantmk

    (@chandrakantmk)

    8 years, 7 months ago

    It’s Cargo theme.

    The link to page with non-working form:

    http://exfreight.hileah.com/services/get-a-quote-clone/

    Plugin Author Jules Colle

    (@jules-colle)

    8 years, 7 months ago

    The problem is the “fancy-select” thing

    I don’t know if this is some kind of plugin or theme feature you activated, but the problem is that the select field gets disabled and replaced by a <ul>, and changing the <li> value to selected does not seem to update the actual select field.

    The select field needs to actually change before conditional fields can perform any action.

    If you inspect the select-element and remove the styles of the select field you will see it appear, and you can see that changing the value in the actual select element will hide/show the correct groups.

    • This reply was modified 8 years, 7 months ago by Jules Colle.
    Thread Starter chandrakantmk

    (@chandrakantmk)

    8 years, 7 months ago

    Thanks for pointing out the issue.

    I have changed the select field to radio field and it’s working with that.

    Now, there is a new issue.

    I am using the multi-step form by installing the plugin “Contact Form 7 Multi-Step Forms” by Webhead LLC.

    The email which is received (after submitting the form in Step 02), doesn’t shows the field value for the field in Form – Step 01. Instead it shows the field shortcode. It only shows the value for the field in Form – Step 02.

    For example, the email content is as follows:

    (Form: Step-01)

    [ltl-trucking]

    Pieces to be Shipped: [ltl-trucking-pieces-to-be-shipped]

    [/ltl-trucking]

    (Form: Step 02)

    Company: Test Company

    Please advice.

    Plugin Author Jules Colle

    (@jules-colle)

    8 years, 7 months ago

    That is strange. I believe this was tested and confirmed working in an earlier version. I will check if I can reproduce the error.

    Plugin Author Jules Colle

    (@jules-colle)

    8 years, 7 months ago

    I just updated all plugins to the latest version and looks like it’s still working here: http://bdwm.be/wpcf7cf/multistep/

    Could you check for any typos? If that’s not the issue, please send me the form code and conditions of all of you steps (make sure to but code between backticks using the code button in the editor) so I can reproduce your exact case.

    Thread Starter chandrakantmk

    (@chandrakantmk)

    8 years, 7 months ago

    I have checked all the typos and they are correct.

    Please find below the form details.

    Form – Step 01

    Code

    [radio pick-fields "LTL Trucking" "Air Freight" "LCL Ocean" "FCL Ocean" "Full Trucking"]

[group ltl-trucking]

Pieces to be Shipped
[text* ltl-trucking-pieces-to-be-shipped]

Weight in lbs
[text* ltl-trucking-weight-in-lbs]

Height in In
[text* ltl-trucking-height-in-in]

Length in In
[text* ltl-trucking-length-in-in]

Width in In
[text* ltl-trucking-width-in-in]

Ship To City
[text* ltl-trucking-ship-to-city]

Ship To State
[text* ltl-trucking-ship-to-state]

Ship To Country
[text* ltl-trucking-ship-to-country]

Ship From City
[text* ltl-trucking-ship-from-city]

Ship From State
[text* ltl-trucking-ship-from-state]

Ship From Country
[text* ltl-trucking-ship-from-country]
 
[/group]

[group air-freight]

Pieces to be Shipped
[text* air-freight-pieces-to-be-shipped]

Weight in lbs
[text* air-freight-weight-in-lbs]

Height in In
[text* air-freight-height-in-in]

Length in In
[text* air-freight-length-in-in]

Width in In
[text* air-freight-width-in-in]

Ship To City
[text* air-freight-ship-to-city]

Ship To State
[text* air-freight-ship-to-state]

Ship To Country
[text* air-freight-ship-to-country]

Ship From City
[text* air-freight-ship-from-city]

Ship From State
[text* air-freight-ship-from-state]

Ship From Country
[text* air-freight-ship-from-country]
 
[/group]

[group lcl-ocean]

Pieces to be Shipped
[text* lcl-ocean-pieces-to-be-shipped]

Weight in lbs
[text* lcl-ocean-weight-in-lbs]

Height in In
[text* lcl-ocean-height-in-in]

Length in In
[text* lcl-ocean-length-in-in]

Width in In
[text* lcl-ocean-width-in-in]

Ship To City
[text* lcl-ocean-ship-to-city]

Ship To State
[text* lcl-ocean-ship-to-state]

Ship To Country
[text* lcl-ocean-ship-to-country]

Ship From City
[text* lcl-ocean-ship-from-city]

Ship From State
[text* lcl-ocean-ship-from-state]

Ship From Country
[text* lcl-ocean-ship-from-country]

[/group]

[group fcl-ocean]

Container Size (Choose between 20ft & 40ft Container)
[text* fcl-ocean-container-size]

Ship To City
[text* fcl-ocean-ship-to-city]

Ship To State
[text* fcl-ocean-ship-to-state]

Ship To Country
[text* fcl-ocean-ship-to-country]

Ship From City
[text* fcl-ocean-ship-from-city]

Ship From State
[text* fcl-ocean-ship-from-state]

Ship From Country
[text* fcl-ocean-ship-from-country]

[/group]

[group full-trucking]

Weight in lbs
[text* full-trucking-weight-in-lbs]

Ship To City
[text* full-trucking-ship-to-city]

Ship To State
[text* full-trucking-ship-to-state]

Ship To Country
[text* full-trucking-ship-to-country]

Ship From City
[text* full-trucking-ship-from-city]

Ship From State
[text* full-trucking-ship-from-state]

Ship From Country
[text* full-trucking-ship-from-country]

[/group]

[submit "Submit"]

[multistep "1-2-http://exfreight.hileah.com/services/get-a-quote-clone-2/"]

    Conditions

    01
    if “pick-fields” equals “Full Trucking” then show “full-trucking”

    02
    if “pick-fields” equals “FCL Ocean” then show “fcl-ocean”

    03
    if “pick-fields” equals “LCL Ocean” then show “lcl-ocean”

    04
    if “pick-fields” equals “Air Freight” then show “air-freight”

    05
    if “pick-fields” equals “LTL Trucking” then show “ltl-trucking”

    Mail (Message Body)

    [ltl-trucking]

    LTL Trucking

    Pieces to be Shipped: [ltl-trucking-pieces-to-be-shipped]

    Weight in lbs: [ltl-trucking-weight-in-lbs]

    Height in In: [ltl-trucking-height-in-in]

    Length in In: [ltl-trucking-length-in-in]

    Width in In: [ltl-trucking-width-in-in]

    Ship To City: [ltl-trucking-ship-to-city]

    Ship To State: [ltl-trucking-ship-to-state]

    Ship To Country: [ltl-trucking-ship-to-country]

    Ship From City: [ltl-trucking-ship-from-city]

    Ship From State: [ltl-trucking-ship-from-state]

    Ship From Country: [ltl-trucking-ship-from-country]

    [/ltl-trucking]

    [air-freight]

    Air Freight

    Pieces to be Shipped: [air-freight-pieces-to-be-shipped]

    Weight in lbs: [air-freight-weight-in-lbs]

    Height in In: [air-freight-height-in-in]

    Length in In: [air-freight-length-in-in]

    Width in In: [air-freight-width-in-in]

    Ship To City: [air-freight-ship-to-city]

    Ship To State: [air-freight-ship-to-state]

    Ship To Country: [air-freight-ship-to-country]

    Ship From City: [air-freight-ship-from-city]

    Ship From State: [air-freight-ship-from-state]

    Ship From Country: [air-freight-ship-from-country]

    [/air-freight]

    [lcl-ocean]

    LCL Ocean

    Pieces to be Shipped: [lcl-ocean-pieces-to-be-shipped]

    Weight in lbs: [lcl-ocean-weight-in-lbs]

    Height in In: [lcl-ocean-height-in-in]

    Length in In: [lcl-ocean-length-in-in]

    Width in In: [lcl-ocean-width-in-in]

    Ship To City: [lcl-ocean-ship-to-city]

    Ship To State: [lcl-ocean-ship-to-state]

    Ship To Country: [lcl-ocean-ship-to-country]

    Ship From City: [lcl-ocean-ship-from-city]

    Ship From State: [lcl-ocean-ship-from-state]

    Ship From Country: [lcl-ocean-ship-from-country]

    [/lcl-ocean]

    [fcl-ocean]

    Container Size (Choose between 20ft & 40ft Container): [fcl-ocean-container-size]

    Ship To City: [fcl-ocean-ship-to-city]

    Ship To State: [fcl-ocean-ship-to-state]

    Ship To Country: [fcl-ocean-ship-to-country]

    Ship From City: [fcl-ocean-ship-from-city]

    Ship From State: [fcl-ocean-ship-from-state]

    Ship From Country: [fcl-ocean-ship-from-country]

    [/fcl-ocean]

    [full-trucking]

    Weight in lbs: [full-trucking-weight-in-lbs]

    Ship To City: [full-trucking-ship-to-city]

    Ship To State: [full-trucking-ship-to-state]

    Ship To Country: [full-trucking-ship-to-country]

    Ship From City: [full-trucking-ship-from-city]

    Ship From State: [full-trucking-ship-from-state]

    Ship From Country: [full-trucking-ship-from-country]

    [/full-trucking]

    Form – Step 02

    Code

    <br>
<label>Company [text* company]</label>

<label> First Name [text* first-name] </label>

<label> Last Name [text* last-name] </label>

<label> Email [email* visitor-email] </label>

<label> Phone [tel* phone] </label>

[submit "Submit"]

[multistep "2-2"]

    Mail (Message Body)

    [ltl-trucking]

    LTL Trucking

    Pieces to be Shipped: [ltl-trucking-pieces-to-be-shipped]

    Weight in lbs: [ltl-trucking-weight-in-lbs]

    Height in In: [ltl-trucking-height-in-in]

    Length in In: [ltl-trucking-length-in-in]

    Width in In: [ltl-trucking-width-in-in]

    Ship To City: [ltl-trucking-ship-to-city]

    Ship To State: [ltl-trucking-ship-to-state]

    Ship To Country: [ltl-trucking-ship-to-country]

    Ship From City: [ltl-trucking-ship-from-city]

    Ship From State: [ltl-trucking-ship-from-state]

    Ship From Country: [ltl-trucking-ship-from-country]

    [/ltl-trucking]

    [air-freight]

    Air Freight

    Pieces to be Shipped: [air-freight-pieces-to-be-shipped]

    Weight in lbs: [air-freight-weight-in-lbs]

    Height in In: [air-freight-height-in-in]

    Length in In: [air-freight-length-in-in]

    Width in In: [air-freight-width-in-in]

    Ship To City: [air-freight-ship-to-city]

    Ship To State: [air-freight-ship-to-state]

    Ship To Country: [air-freight-ship-to-country]

    Ship From City: [air-freight-ship-from-city]

    Ship From State: [air-freight-ship-from-state]

    Ship From Country: [air-freight-ship-from-country]

    [/air-freight]

    [lcl-ocean]

    LCL Ocean

    Pieces to be Shipped: [lcl-ocean-pieces-to-be-shipped]

    Weight in lbs: [lcl-ocean-weight-in-lbs]

    Height in In: [lcl-ocean-height-in-in]

    Length in In: [lcl-ocean-length-in-in]

    Width in In: [lcl-ocean-width-in-in]

    Ship To City: [lcl-ocean-ship-to-city]

    Ship To State: [lcl-ocean-ship-to-state]

    Ship To Country: [lcl-ocean-ship-to-country]

    Ship From City: [lcl-ocean-ship-from-city]

    Ship From State: [lcl-ocean-ship-from-state]

    Ship From Country: [lcl-ocean-ship-from-country]

    [/lcl-ocean]

    [fcl-ocean]

    Container Size (Choose between 20ft & 40ft Container): [fcl-ocean-container-size]

    Ship To City: [fcl-ocean-ship-to-city]

    Ship To State: [fcl-ocean-ship-to-state]

    Ship To Country: [fcl-ocean-ship-to-country]

    Ship From City: [fcl-ocean-ship-from-city]

    Ship From State: [fcl-ocean-ship-from-state]

    Ship From Country: [fcl-ocean-ship-from-country]

    [/fcl-ocean]

    [full-trucking]

    Weight in lbs: [full-trucking-weight-in-lbs]

    Ship To City: [full-trucking-ship-to-city]

    Ship To State: [full-trucking-ship-to-state]

    Ship To Country: [full-trucking-ship-to-country]

    Ship From City: [full-trucking-ship-from-city]

    Ship From State: [full-trucking-ship-from-state]

    Ship From Country: [full-trucking-ship-from-country]

    [/full-trucking]

    <p>Personal Details</p>

    Company: [company]

    First Name: [first-name]

    Last Name: [last-name]

    Email: [visitor-email]

    Phone: [phone]

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

The topic ‘Conditional fields not working’ is closed to new replies.