<form>
    <div class="form-group field-s08" data-id="billing_contact">
        <fieldset>
            <legend class="control-label">Who should we contact to pay application fees?</legend>
            <div class="field-wrapper">

                <label>
            <input type="radio" id="billing_contact-1" value="owner" data-formtype="s08" name="billing-contact" required="">
            <span class="inline-label">The owner</span>
          </label>

                <label>
            <input type="radio" id="billing_contact-2" value="contact" data-formtype="s08" name="billing-contact" required="">
            <span class="inline-label">The application contact</span>
          </label>

                <label>
            <input type="radio" id="billing_contact-3" value="other" data-formtype="s08" name="billing-contact" required="">
            <span class="inline-label">Someone else</span>
          </label>

                <div class="help-block with-errors"></div>
            </div>
        </fieldset>
    </div>
</form>
<form>
  <div class="form-group field-s08" data-id="{{ id }}">
    <fieldset>
      <legend class="control-label">{{ title }}</legend>
      <div class="field-wrapper">
        {% for option in options %}
          <label>
            <input type="radio" id="{{ id }}-{{ loop.index }}" value="{{ option.value | default(loop.index) }}" data-formtype="s08" name="{{ name | default(id) }}" required="">
            <span class="inline-label">{{ option.title }}</span>
          </label>
        {% endfor %}
        <div class="help-block with-errors"></div>
      </div>
    </fieldset>
  </div>
</form>
{
  "id": "billing_contact",
  "title": "Who should we contact to pay application fees?",
  "name": "billing-contact",
  "options": [
    {
      "title": "The owner",
      "value": "owner",
      "id": "billing-owner"
    },
    {
      "title": "The application contact",
      "value": "contact"
    },
    {
      "title": "Someone else",
      "value": "other"
    }
  ]
}
  • Handle: @radio-buttons
  • Preview:
  • Filesystem Path: src/components/04-forms/field-types/radio-buttons/radio-buttons.html

There are no notes for this item.