Is there a way to wrap label tags around radio and checkbox buttons. I am trying to use bootstrap inline form to make it look better but I can't find a good way to handle it.

{freeform:field:field_1 backspace="2" wrapper_open=""
label_wrapper_open="<label class='radio-inline'>"

The above code is an example of some of the ways I tried to handle this. but this gives me a clickable label tag that doesn't select anything.

    <input type="radio" name="field_1"> Field 1

Is the result I would like.

1 Answer 1


? You can just construct your own form, you don't need to use tags with FreeForm.

{exp:freeform:form form_name="contact" return="freeform-return/%%entry_id%%"}

<label for="first_name">
    <input type="text" name="name">

<label for="submit">
    <input type="submit" name="submit">


This creates a valid form that submits to FreeForm and returns you to url-root.com/freeform-return/666.

Edit if that is the case (responding to your comment), why don't you use the fields as variable pairs?


From the docs:

    {if freeform:field_type == 'text'}hello!{/if}

Will this magic work for the solution you want?

  • The only downside to that approach is the fact that if the customer changes the value of the checkbox or adds another one I would need to manually add it to the template so I want a way to dynamically generate it using the CMS.
    – Xpertbot
    Commented Jul 13, 2015 at 19:29
  • I updated my answer.
    – jrothafer
    Commented Jul 13, 2015 at 19:49
  • Hmm, but I don't believe {freeform:field_output} includes an id attribute, which is required when using the for attribute on a label element. Commented Jul 13, 2015 at 21:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.