Voorgedefinieerde groepen

Onderstaande voorgedefinieerde groepen komen terug in vrijwel elk dossiertype. Meestal worden ze automatisch ingevuld via een connector die de gegevens ophaalt uit authentieke overheidsbronnen. Klik door naar de pagina over connectoren voor meer informatie hierover.

Adres

Eigenschap	Beschrijving
Algemeen	Voorgedefinieerde groepen maken gebruik van het elementtype groep.
Visualisatie	`"skrAdressInput"` (custom component die de zoekfunctionaliteit activeert)
Autocomplete	`true` (na selectie in de zoekfunctionaliteit, worden alle velden automatisch ingevuld)

Voorbeeld

De voorgedefinieerde adres veldengroep maakt gebruik van een custom component waarmee de gebruiker een geldig adres in Vlaanderen kan opzoeken.

Visualisatie in de backoffice (gebruik zoekfunctionaliteit):

Visualisatie in de backoffice (na selectie in zoekfunctionaliteit, wordt de rest van de velden automatisch ingevuld, dit is de autocomplete functionaliteit):

In de JSON-formulierdefinitie:

CODE

  {
      "name": "newFieldset9L4Viy",
      "label": "Adres",
      "type": "fieldset",
      "fields": [
        {
          "name": "street",
          "label": "Straat",
          "type": "text"
        },
        {
          "name": "housenumber",
          "label": "Huisnummer",
          "type": "text"
        },
        {
          "name": "boxnumber",
          "label": "Busnummer",
          "type": "text"
        },
        {
          "name": "zipcode",
          "label": "Postcode",
          "type": "text"
        },
        {
          "name": "municipality",
          "label": "Gemeente",
          "type": "text"
        }
      ],
      "customComponentName": "skrAddressInput",
      "autocomplete": true
    }

Gegevens onderneming

Eigenschap	Beschrijving
Algemeen	Voorgedefinieerde groepen maken gebruik van het elementtype groep.

Voorbeeld

Visualisatie in de backoffice:

In de JSON-formulierdefinitie:

CODE

        {
          "name": "gegevensOnderneming",
          "label": "Gegevens onderneming",
          "type": "fieldset",
          "fields": [
            {
              "name": "naamOnderneming",
              "label": "Naam onderneming",
              "type": "text"
            },
            {
              "name": "kboNummer",
              "label": "KBO nummer",
              "type": "text",
              "maskConfig": {
                "predefinedMask": "kboWithoutPrefix"
              },
              "conditions": [
                {
                  "name": "newConditionD4Nxvb",
                  "level": "error",
                  "expression": "typeof $ === 'string' && $.length > 0 ? (97 - $.substring(0,8) % 97) === Number($.substring(8)) : true",
                  "errorMessage": "Gelieve een geldig KBO-nummer in te vullen"
                }
              ]
            },
            {
              "name": "voornaamContactpersoon",
              "label": "Voornaam contactpersoon",
              "type": "text"
            },
            {
              "name": "naamContactpersoon",
              "label": "Naam contactpersoon",
              "type": "text"
            },
            {
              "name": "emailContactpersoon",
              "label": "E-mailadres contactpersoon",
              "type": "email"
            },
            {
              "name": "telefoonnummer",
              "label": "Telefoonnummer contactpersoon",
              "type": "phone",
              "countries": [
                "be"
              ]
            }
          ]
        },

Gegevens aanvrager

Eigenschap	Beschrijving
Algemeen	Voorgedefinieerde groepen maken gebruik van het elementtype groep.

Visualisatie in de backoffice:

In de JSON-formulierdefinitie:

CODE

        {
          "name": "gegevensAanvragers",
          "label": "Gegevens aanvragers",
          "type": "fieldset",
          "fields": [
            {
              "name": "voornaam",
              "label": "Voornaam",
              "type": "text"
            },
            {
              "name": "naam",
              "label": "Naam",
              "type": "text"
            },
            {
              "name": "rrn",
              "label": "Rijksregisternummer",
              "type": "ssin"
            },
            {
              "name": "email",
              "label": "E-mailadres",
              "type": "email"
            },
            {
              "name": "telefoonnummer",
              "label": "Telefoonnummer",
              "type": "phone",
              "countries": [
                "be"
              ]
            }
          ]
        }