<form class="webform-submission-form" action="" method="post" accept-charset="UTF-8">

    <div class="webform-flexbox form-wrapper" id="edit-members-filter">
        <div class="webform-flex webform-flex--1">
            <div class="webform-flex--container">

                <fieldset id="edit-child-status--wrapper" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title webform-type-checkboxes form-item form-wrapper">
                    <legend>
                        <span class="fieldset-legend">Barnets status</span>
                    </legend>
                    <div class="fieldset-wrapper">
                        <div id="edit-child-status" class="webform-options-display-one-column form-checkboxes">

                            <div class="form-item form-type-checkbox form-item-under-treatment">

                                <input type="checkbox" id="edit-under-treatment" name="under-treatment" class="form-checkbox" />

                                <label for="edit-under-treatment">
  Under behandling
</label>

                            </div>

                            <div class="form-item form-type-checkbox form-item-after-treatment">

                                <input type="checkbox" id="edit-after-treatment" name="after-treatment" class="form-checkbox" checked />

                                <label for="edit-after-treatment">
  Etter behandling
</label>

                            </div>

                            <div class="webform-flexbox form-wrapper" id="edit-after-treatment-date-range">
                                <div class="webform-flex webform-flex--1">
                                    <div class="webform-flex--container">

                                        <div class="form-item form-type-date form-item-after-treatment-date-from">

                                            <label for="edit-after-treatment-date-from">
  Fra:
</label>

                                            <input type="date" id="edit-after-treatment-date-from" name="after-treatment-date-from" class="form-date" />

                                        </div>

                                    </div>
                                </div>
                                <div class="webform-flex webform-flex--1">
                                    <div class="webform-flex--container">

                                        <div class="form-item form-type-date form-item-after-treatment-date-to">

                                            <label for="edit-after-treatment-date-to">
  Til:
</label>

                                            <input type="date" id="edit-after-treatment-date-to" name="after-treatment-date-to" class="form-date" />

                                        </div>

                                    </div>
                                </div>
                            </div>

                            <div class="form-item form-type-checkbox form-item-deceased">

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

                                <label for="edit-deceased">
  Mistet barn
</label>

                            </div>

                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
        <div class="webform-flex webform-flex--1">
            <div class="webform-flex--container">

                <fieldset id="edit-members-typ--wrapper" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title webform-type-checkboxes form-item form-wrapper">
                    <legend>
                        <span class="fieldset-legend">Medlemsskap</span>
                    </legend>
                    <div class="fieldset-wrapper">
                        <div id="edit-members-typ" class="webform-options-display-one-column form-checkboxes">

                            <div class="form-item form-type-checkbox form-item-membership-family">

                                <input type="checkbox" id="edit-membership-family" name="membership-family" class="form-checkbox" />

                                <label for="edit-membership-family">
  Familiemedlemskap
</label>

                            </div>

                            <div class="form-item form-type-checkbox form-item-membership-family-0-12">

                                <input type="checkbox" id="edit-membership-family-0-12" name="membership-family-0-12" class="form-checkbox" />

                                <label for="edit-membership-family-0-12">
  Familiemedlemskap med barn i aldersgruppen 0-12
</label>

                            </div>

                            <div class="form-item form-type-checkbox form-item-membership-family-12-18">

                                <input type="checkbox" id="edit-membership-family-12-18" name="membership-family-12-18" class="form-checkbox" />

                                <label for="edit-membership-family-12-18">
  Familiemedlemskap med barn i aldersgruppen 12-18
</label>

                            </div>

                            <div class="form-item form-type-checkbox form-item-membership-personal">

                                <input type="checkbox" id="edit-membership-personal" name="membership-personal" class="form-checkbox" />

                                <label for="edit-membership-personal">
  Personlig medlemskap
</label>

                            </div>

                            <div class="form-item form-type-checkbox form-item-membership-support">

                                <input type="checkbox" id="edit-membership-support" name="membership-support" class="form-checkbox" />

                                <label for="edit-membership-support">
  Støttemedlemmer
</label>

                            </div>

                            <div class="webform-flexbox form-wrapper" id="edit-membership-start-range">
                                <div class="webform-flex webform-flex--1">
                                    <div class="webform-flex--container">

                                        <div class="form-item form-type-date form-item-membership-start-from">

                                            <label for="edit-membership-start-from">
  Innmeldingsdato fra:
</label>

                                            <input type="date" id="edit-membership-start-from" name="membership-start-from" class="form-date" />

                                        </div>

                                    </div>
                                </div>
                                <div class="webform-flex webform-flex--1">
                                    <div class="webform-flex--container">

                                        <div class="form-item form-type-date form-item-membership-start-to">

                                            <label for="edit-membership-start-to">
  Til:
</label>

                                            <input type="date" id="edit-membership-start-to" name="membership-start-to" class="form-date" />

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>

</form>
{% include '@webform' with form %}

{#
<form action="" class="form-members-filter">
  <fieldset>
    <legend>
      Barnets status
    </legend>
    <div class="fieldset-wrapper">
      <div class="display-two-columns">
        <div class="form-item">
          <input id="under_behandling"
            class="form-checkbox"
            type="checkbox"
            value="under treatment" />
          <label for="under_behandling">
            Under behandling
          </label>
        </div>
        <div class="form-item">
          <input id="etter_behandling"
            class="form-checkbox"
            type="checkbox"
            value="after treatment" />
          <label for="etter_behandling">
            Etter behandling
          </label>
        </div>
        <div class="form-item">
          <input id="mistet_barn"
            class="form-checkbox"
            type="checkbox"
            value="deceased" />
          <label for="mistet_barn">
            Mistet barn
          </label>
        </div>
        <div class="form-item">
          <input id="tilbakefall"
            class="form-checkbox"
            type="checkbox"
            value="fallback" />
          <label for="tilbakefall">
            Tilbakefall
          </label>
        </div>
      </div>
    </div>
  </fieldset>
  <fieldset>
    <legend>
      Medlemsstatus
    </legend>
    <div class="fieldset-wrapper">
      <div class="">
        <div class="form-item">
          <input id="new_member"
            class="form-checkbox"
            type="checkbox"
            value="1" />
          <label for="new_member">
            Nye medlemmer (familie og personlig)
          </label>
        </div>
      </div>
    </div>
  </fieldset>
</form>
#}
{
  "form": {
    "submit": false,
    "fields": [
      {
        "type": "flexbox",
        "name": "members-filter",
        "fields": [
          {
            "type": "checkboxes",
            "name": "child-status",
            "label": "Barnets status",
            "fields": [
              {
                "type": "checkbox",
                "name": "under-treatment",
                "label": "Under behandling"
              },
              {
                "type": "checkbox",
                "name": "after-treatment",
                "label": "Etter behandling",
                "checked": true
              },
              {
                "type": "flexbox",
                "name": "after-treatment-date-range",
                "fields": [
                  {
                    "type": "date",
                    "name": "after-treatment-date-from",
                    "label": "Fra:"
                  },
                  {
                    "type": "date",
                    "name": "after-treatment-date-to",
                    "label": "Til:"
                  }
                ]
              },
              {
                "type": "checkbox",
                "name": "deceased",
                "label": "Mistet barn"
              }
            ]
          },
          {
            "type": "checkboxes",
            "name": "members-typ",
            "label": "Medlemsskap",
            "fields": [
              {
                "type": "checkbox",
                "name": "membership-family",
                "label": "Familiemedlemskap"
              },
              {
                "type": "checkbox",
                "name": "membership-family-0-12",
                "label": "Familiemedlemskap med barn i aldersgruppen 0-12"
              },
              {
                "type": "checkbox",
                "name": "membership-family-12-18",
                "label": "Familiemedlemskap med barn i aldersgruppen 12-18"
              },
              {
                "type": "checkbox",
                "name": "membership-personal",
                "label": "Personlig medlemskap"
              },
              {
                "type": "checkbox",
                "name": "membership-support",
                "label": "Støttemedlemmer"
              },
              {
                "type": "flexbox",
                "name": "membership-start-range",
                "fields": [
                  {
                    "type": "date",
                    "name": "membership-start-from",
                    "label": "Innmeldingsdato fra:"
                  },
                  {
                    "type": "date",
                    "name": "membership-start-to",
                    "label": "Til:"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }
}

There are no notes for this item.