Barnekreftforeningen MinSide portal

Webform Checkboxes 

<fieldset id="edit-hobbies--wrapper" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title webform-type-checkboxes form-item form-wrapper">
    <legend>
        <span class="fieldset-legend">What are your hobbies?</span>
    </legend>
    <div class="fieldset-wrapper">
        <div id="edit-hobbies" class="webform-options-display-one-column form-checkboxes">

            <div class="form-item form-type-checkbox form-item-hobbies-hiking">

                <input type="checkbox" id="edit-hobbies-hiking" name="hobbies-hiking" class="form-checkbox" />

                <label for="edit-hobbies-hiking">
  Hiking
</label>

            </div>

            <div class="form-item form-type-checkbox form-item-hobbies-dancing">

                <input type="checkbox" id="edit-hobbies-dancing" name="hobbies-dancing" class="form-checkbox" />

                <label for="edit-hobbies-dancing">
  Dancing
</label>

            </div>

            <div class="form-item form-type-checkbox form-item-hobbies-gardening">

                <input type="checkbox" id="edit-hobbies-gardening" name="hobbies-gardening" class="form-checkbox" />

                <label for="edit-hobbies-gardening">
  Gardening
</label>

            </div>

        </div>
    </div>
</fieldset>
 
<fieldset id="edit-{{ name }}--wrapper"
  class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title webform-type-checkboxes form-item form-wrapper">
  <legend>
    <span class="fieldset-legend">{{ label }}</span>
  </legend>
  <div class="fieldset-wrapper">
    <div id="edit-{{ name }}" class="webform-options-display-{{ columns ?? 'one-column' }} form-checkboxes">
      {% for field in fields %}
        {% include '@webform-item' with field %}
      {% endfor %}
    </div>
    {% if description %}
      <div class="description">
        <div id="edit-{{ name }}--wrapper--description" class="webform-element-description">{{ description }}</div>
      </div>
    {% endif %}
  </div>
</fieldset>
 
{
  "name": "hobbies",
  "label": "What are your hobbies?",
  "columns": "one-column",
  "fields": [
    {
      "type": "checkbox",
      "name": "hobbies-hiking",
      "label": "Hiking"
    },
    {
      "type": "checkbox",
      "name": "hobbies-dancing",
      "label": "Dancing"
    },
    {
      "type": "checkbox",
      "name": "hobbies-gardening",
      "label": "Gardening"
    }
  ]
}

There are no notes for this item.