• Resolved alessioformentiabz

    (@alessioformentiabz)


    Hi, I have an issue with Contact Form7 version 6.1.1 and Conditional fields 2.6.3.

    I have a quite simple form wich varies depending on a radio value.

    Everything works fine BUT there seems to be an issue on the Bootstrap only for the fields included in a group, because the always go to a new line instead of using two columns as the other fields.

    This can be easily tested with the form tester (https://conditional-fields-cf7.bdwm.be/form-tester/ ) so I can exclude some extra plugin or my theme. Here is the code:

    <div class="row d-flex align-item-center">
    <div class="col-sm-6 col-12">
    <p>[text* cname placeholder "Name*"]</p>
    </div>
    <div class="col-sm-6 col-12">
    [email* cemail placeholder "Email*"]
    </div>
    <div class="col-sm-6 col-12">
    [text* cphone placeholder "Phone*"]
    </div>
    <div class="col-sm-6 col-12">
    [text* cazienda placeholder "Company*"]
    </div>
    <div class="col-sm-6 col-12">
    [text* cpiva placeholder "VAT*"]
    </div>
    <div class="col-sm-12 col-12">
    <span style="font-size:14px;">Quotation</span>
    [radio tipoq use_label_element default:1 "Shippings" "Logistics"]
    </div>

    [group shippings-selected]
    <div class="col-sm-6 col-12">
    [select container id:container class:wide "20' box standard" "40' box standard"]
    </div>
    <div class="col-sm-6 col-12">
    [select valuetype id:incoterms class:wide "Incoterms" "EXW"]
    </div>
    <div class="col-sm-6 col-12">
    [text cdescrizione placeholder "Description"]
    </div>
    <div class="col-sm-6 col-12">

    </div>
    <div class="col-6 col-sm-3">
    [text pweight placeholder "Weight"]
    </div>
    <div class="col-6 col-sm-3">
    [text pheight placeholder "Height"]
    </div>
    <div class="col-6 col-sm-3">
    [text pwidth placeholder "Width"]
    </div>
    <div class="col-6 col-sm-3">
    [text plength placeholder "Length"]
    </div>
    [/group]
    [group logistics-selected]
    <div class="col-sm-6 col-12">
    [text dsettore placeholder "Your sector?"]
    </div>
    [/group]
    <div class="col-sm-12 col-12">
    [textarea cmessaggio placeholder "Description"]
    </div>

    </div>

    and here is the conditional code:

    show [shippings-selected] if [tipoq] equals "Shippings"
    show [logistics-selected] if [tipoq] equals "Logistics"

    Thank you

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

The topic ‘Issue with conditional fields and bootstrap’ is closed to new replies.