Copy environment

Application form

<div class="application-form  ">
    <form class="application-form__form">
        <div class=" application-form__form-field">

            <div class="textfield textfield--required">
                <label class="textfield__label " for="">
        Taotleva organisatsiooni nimi
    </label>
                <div class="textfield__inner">
                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                </div>
            </div>
        </div>
        <div class=" application-form__form-field">

            <div class="textfield textfield--required select">
                <label class="textfield__label select__label" for="">
        Palun vali sobiv kategooria
    </label>
                <div class="textfield__inner">
                    <select name="" id="" class="textfield__input select__input">
                    <option
                value="1"
                            >Option 1</option>
                    <option
                value="2"
                 selected             >Option 2</option>
                    <option
                value="3"
                            >Option 3</option>
                    <option
                value="4"
                            >Option 4</option>
            </select>
                    <svg class="icon textfield--required select__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow-down"></use>
</svg>

                </div>
            </div>
        </div>
        <div class=" application-form__form-field">

            <div class="textfield textfield--required textarea">
                <label class="textfield__label " for="">
        Idee kirjeldus
    </label>
                <div class="textfield__inner">
                    <textarea class="textfield__input textarea__input     " type="text" id="" name=""></textarea>

                </div>
            </div>
        </div>
        <div class=" application-form__form-field">

            <div class="textfield textfield--required">
                <label class="textfield__label " for="">
        Soovitav toetus
    </label>
                <div class="textfield__inner">
                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                </div>
            </div>
        </div>
        <p class="application-form__title bold">Organisatsiooni esindatava isiku kontaktid</p>
        <div class=" application-form__form-field">

            <div class="textfield textfield--required">
                <label class="textfield__label " for="">
        Nimi ja perenimi
    </label>
                <div class="textfield__inner">
                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                </div>
            </div>
        </div>
        <div class=" application-form__form-field">

            <div class="textfield textfield--required">
                <label class="textfield__label " for="">
        Seos organisatsiooniga
    </label>
                <div class="textfield__inner">
                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                </div>
            </div>
        </div>
        <div class=" application-form__form-field">

            <div class="textfield textfield--required">
                <label class="textfield__label " for="">
        E-posti aadress
    </label>
                <div class="textfield__inner">
                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                </div>
            </div>
        </div>
        <div class=" application-form__form-field">

            <div class="textfield textfield--required">
                <label class="textfield__label " for="">
        Kontakttelefon
    </label>
                <div class="textfield__inner">
                    <input class="textfield__input" type="text" id="" name="" value="" placeholder="">
                </div>
            </div>
        </div>
        <div class=" application-form__form-field">
            <div class="upload  ">
                <label for="" class="upload__label">
        <span class="upload__text">Vajadusel lisa manusena vajalikud lisadokumendid</span>
        <div class="link upload__link">
            vali faile
        </div>
        <span class="upload__files">
         </span>
    </label>
                <input type="file" class="upload__input" id="" name="" />
            </div>
        </div>
        <div class="application-form__button-container">
            <button type="button" class="button button--block ">
                    <span class="button__text">saada oma idee</span>
                            <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>
            </span>
            </button>
        </div>
    </form>
</div>
{
  "language": "en-US",
  "data": {
    "button": {
      "text": "saada oma idee",
      "icon": "arrow"
    },
    "sections": [
      {
        "fields": [
          {
            "type": "textfield",
            "info": {
              "label": "Taotleva organisatsiooni nimi"
            },
            "modifier": "textfield--required",
            "id": "field-1",
            "class": null
          },
          {
            "type": "select",
            "info": {
              "label": "Palun vali sobiv kategooria",
              "options": [
                {
                  "name": "Option 1",
                  "value": "1"
                },
                {
                  "name": "Option 2",
                  "value": "2",
                  "isSelected": true
                },
                {
                  "name": "Option 3",
                  "value": "3"
                },
                {
                  "name": "Option 4",
                  "value": "4"
                }
              ]
            },
            "modifier": "textfield--required",
            "id": "field-2",
            "class": null
          },
          {
            "type": "textarea",
            "info": {
              "label": "Idee kirjeldus"
            },
            "modifier": "textfield--required",
            "id": "field-3",
            "class": null
          },
          {
            "type": "textfield",
            "info": {
              "label": "Soovitav toetus"
            },
            "modifier": "textfield--required",
            "id": "field-4",
            "class": null
          }
        ]
      },
      {
        "title": "Organisatsiooni esindatava isiku kontaktid",
        "fields": [
          {
            "type": "textfield",
            "info": {
              "label": "Nimi ja perenimi"
            },
            "modifier": "textfield--required",
            "id": "field-5",
            "class": null
          },
          {
            "type": "textfield",
            "info": {
              "label": "Seos organisatsiooniga"
            },
            "modifier": "textfield--required",
            "id": "field-6",
            "class": null
          },
          {
            "type": "textfield",
            "info": {
              "label": "E-posti aadress"
            },
            "modifier": "textfield--required",
            "id": "field-7",
            "class": null
          },
          {
            "type": "textfield",
            "info": {
              "label": "Kontakttelefon"
            },
            "modifier": "textfield--required",
            "id": "field-8",
            "class": null
          },
          {
            "type": "upload",
            "info": {
              "label": "Vajadusel lisa manusena vajalikud lisadokumendid",
              "text": "vali faile"
            },
            "modifier": null,
            "id": "field-9",
            "class": null
          }
        ]
      }
    ]
  }
}
  • Handle: @m-application-form--default
  • Tags:
  • Preview:
  • Filesystem Path: src/patterns/modules/application-form/application-form.twig
  • References (1): @button
  • Referenced by (1): @s-application