@takayukister your reply is a joke right?
I am going to explain this once more in full detail.
THE RADIO BUTTONS AND CHECKBOX TAGS RENDER AS “SPAN” ELEMENTS WITHOUT ANY “INPUT” ELEMENT. THUS THEY CA NNOT BE CLICKED OR EVEN USED IN ANY WAY.
Could you please provide a slight idea as to how and why this happens? If your next answer will again be nothing more of an ignorant posting of an excerpt of your documentation please refrain.
I will then just use a plug in of which the author is willing to solve problems.
Can you show (copy/paste) how you have coded this?
BTW the checkbox in the exapmple page you provide does show correct.
-
This reply was modified 8 years, 5 months ago by
wilfried1954.
I have exactly the same problem.
I have used exactly the example provided in the doc:
Select Sports
[radio your-sports label_first default:2 “Football” “Tennis” “Pole-vault”]
On firefox (59.0.2 64-bit), only the labels are displayed (not the buttons) and they are not clickable. That is how the source code appears in FF:
<p>Select Sports<br>
<span class=”wpcf7-form-control-wrap your-sports”><span class=”wpcf7-form-control wpcf7-radio”><span class=”wpcf7-list-item first”><span class=”wpcf7-list-item-label”>Football</span><input name=”your-sports” value=”Football” type=”radio”></span><span class=”wpcf7-list-item”><span class=”wpcf7-list-item-label”>Tennis</span><input name=”your-sports” value=”Tennis” checked=”checked” type=”radio”></span><span class=”wpcf7-list-item last”><span class=”wpcf7-list-item-label”>Pole-vault</span><input name=”your-sports” value=”Pole-vault” type=”radio”></span></span></span></p>
I had this issue, and I want to say the reply by Takayuki was not a joke to me but helped me solve my issue.
When you click the checkbox button in CF7 it inserts the following:
[checkbox fieldname]
This does not render the checkbox because more attributes needed to be added. if you check the documentation in the link, it shows you need to add options, e.g.
[checkbox fieldname “Yes” “No”]
So as soon as I saw that I realised my mistake. I added the options and it worked. So maybe same issue.
I hav the same problem.
The checkbox is not clickable.
When I hover the the curosr over the checkbox the cursor will change to a hand.
Only when ich click on the text near the checkbox the box is checked
[md-form]
[md-card title=”Gewünschte Kontakaufnahme”]
[md-checkbox display=”inline” ]
[checkbox checkbox-972 use_label_element label_first exclusive “EMail” “Telefon”]
[/md-checkbox]
[/md-card]
[/md-form]
The same happens to me. I have 5 radio inputs, the plugin add first and last on their’s respective radio inputs span. When hover it, the hands appear but when click it nothing happen. The only way to make it checked was when I’ve clicked at the label around it.
I’ve been using jquery to solve my problem, but the last radio input still the same. Worst than ever, because even clicking on label still not checking at all.
Heres my shortcode and how browser render it, I hope someone could help us!
[radio categoria-parceiros label_first default:1 "Referral" "VAR (Value Added Reseller)" "BPO (Business Process Outsourcing)" "Rivendita" "Distribuidor"]
Browser
<span class="wpcf7-form-control-wrap categoria-parceiros">
<span class="wpcf7-form-control wpcf7-radio">
<span class="wpcf7-list-item first">
<span class="wpcf7-list-item-label">Referral</span> <input type="radio" name="categoria-parceiros" value="Referral" checked="checked">
</span>
<span class="wpcf7-list-item selected">
<span class="wpcf7-list-item-label">VAR (Value Added Reseller)</span> <input type="radio" name="categoria-parceiros" value="VAR (Value Added Reseller)">
</span>
<span class="wpcf7-list-item selected">
<span class="wpcf7-list-item-label">BPO (Business Process Outsourcing)</span> <input type="radio" name="categoria-parceiros" value="BPO (Business Process Outsourcing)">
</span>
<span class="wpcf7-list-item">
<span class="wpcf7-list-item-label">Rivendita</span> <input type="radio" name="categoria-parceiros" value="Rivendita">
</span>
<span class="wpcf7-list-item last">
<span class="wpcf7-list-item-label">Distribuidor</span> <input type="radio" name="categoria-parceiros" value="Distribuidor">
</span>
</span>
<span class="w-form-row-field-bar">
</span>
</span>
.
