Barnekreftforeningen MinSide portal

Webform Flexbox 

<div class="webform-flexbox form-wrapper" id="edit-postal-code-city">
    <div class="webform-flex webform-flex--1">
        <div class="webform-flex--container">

            <div class="form-item form-type-tel form-item-postal-code">

                <label for="edit-postal-code">
  Postal Code
</label>

                <input type="tel" id="edit-postal-code" name="postal-code" class="form-tel" />

            </div>

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

            <div class="form-item form-type-text form-item-postal-place">

                <label for="edit-postal-place">
  City
</label>

                <input type="text" id="edit-postal-place" name="postal-place" class="form-text" />

            </div>

        </div>
    </div>
</div>
 
<div class="webform-flexbox form-wrapper" id="edit-{{ name }}">
  {% for field in fields %}
    <div class="webform-flex webform-flex--{{ field.flex ?? 1 }}">
      <div class="webform-flex--container">
        {% include '@webform-item' with field %}
      </div>
    </div>
  {% endfor %}
</div>
 
{
  "name": "postal-code-city",
  "fields": [
    {
      "flex": 1,
      "type": "tel",
      "name": "postal-code",
      "label": "Postal Code"
    },
    {
      "flex": 2,
      "type": "text",
      "name": "postal-place",
      "label": "City"
    }
  ]
}

There are no notes for this item.