Radio buttons&checkboxes not clickable CF7

  • Resolved testimiueb

    (@testimiueb)


    6 years, 4 months ago

    This is the code.In documentation

    [checkbox* your-country use_label_element “China” “India” “San Marino”]

    [radio your-sports label_first default:2 “Football” “Tennis” “Pole-vault”]

    But the radio and checkboxes are not clickable in my code?What am I missing here?

    <div class=”custom-control custom-radio”>
    [radio customRadio id:customRadio1 class:custom-control-input “Value1″]
    <label class=”custom-control-label” for=”customRadio1″>Something</label>
    </div>
    <div class=”custom-control custom-radio”>
    [radio customRadio id:customRadio2 class:custom-control-input “Value2″]
    <label class=”custom-control-label” for=”customRadio2″>Something</label>
    </div>

    <div class=”custom-control custom-checkbox”>
    [checkbox checkbox1 id:customCheck1 class:custom-control-input “Value3″]
    <label class=”custom-control-label” for=”customCheck1″>Something</label>
    </div>
    <div class=”custom-control custom-checkbox”>
    [checkbox checkbox2 id:customCheck2 class:custom-control-input “Value4″]
    <label class=”custom-control-label” for=”customCheck2″>Something</label>
    </div>

    • This topic was modified 6 years, 4 months ago by testimiueb.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Your CF7 Tags look OK.

    The problem could be caused by a JavaScript or CSS issue on your site.

    If you are able to give a link to your form here others can examine your form using Chrome Dev Tools to see in detail what is actually happening on your form.

    Thread Starter testimiueb

    (@testimiueb)

    <div class=”custom-control custom-radio”>
    [radio customRadio id:customRadio1 class:custom-control-input “value4″]
    <label class=”custom-control-label” for=”customRadio1″>Something</label>
    </div>
    <div class=”custom-control custom-radio”>
    [radio customRadio id:customRadio2 class:custom-control-input “value5″]
    <label class=”custom-control-label” for=”customRadio2″>Something</label>
    </div>
    <div class=”custom-control custom-checkbox”>

    [checkbox checkbox1 id:customCheck1 class:custom-control-input “value1″]
    <label class=”custom-control-label” for=”customCheck1″>Perfaqesuesi</label>
    </div>
    <div class=”custom-control custom-checkbox”>
    [checkbox checkbox2 id:customCheck2 class:custom-control-input default:1 “value2″]
    <label class=”custom-control-label” for=”customCheck2″>Ankesa</label>
    </div>

    This is from inspect element result:
    <div class=”custom-control custom-checkbox”>
    <span class=”wpcf7-form-control wpcf7-checkbox custom-control-input” id=”customCheck2″><span class=”wpcf7-list-item first last”>
    <input type=”checkbox” name=”checkbox2[]” value=”value2″><span class=”wpcf7-list-item-label”>value2</span></span></span>
    <label class=”custom-control-label” for=”customCheck2″>J</label> </div>

    • This reply was modified 6 years, 4 months ago by testimiueb.
    Thread Starter testimiueb

    (@testimiueb)

    Had to use HTML tags instead of CF7 tags and worked.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Radio buttons&checkboxes not clickable CF7’ is closed to new replies.