Issue with conditional fields and bootstrap
-
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.