Adres automatisch aanvullen¶
In dit voorbeeld maken we een deel-formulier bestaande uit 1 stap, waarbij de straatnaam en stad automatisch worden ingevuld zodra de postcode en huisnummer zijn ingevuld.
In dit voorbeeld gaan we er van uit dat u een eenvoudig formulier kan maken.
Note
U kunt dit voorbeeld downloaden en importeren in Open Formulieren.
Download: autofill_address_2.zip
Configuratie¶
Voor dit formulier is bepaalde configuratie nodig. Hieronder staan de onderdelen die geconfigureerd moeten zijn:
BAG configuratie: Voor het opzoeken van adressen.
Formulier maken¶
Maak een formulier aan met de volgende gegevens:
Naam: Adres demo
Klik op het tabblad Stappen en velden.
Klik aan de linkerkant op Stap toevoegen en selecteer Maak een nieuwe formulierdefinitie.
Onder de sectie (Herbruikbare) stapgegevens vul het volgende in:
Naam: Adresgegevens
Scroll naar de sectie Velden.
Sleep een Postcode Field component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:
Label: Postcode
Sleep een Tekstveld component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:
Label: Huisnummer
Sleep een Tekstveld component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:
Label: Straat
Onder de Location tab:
Straatnaam afleiden: Aangevinkt
Postcodecomponent:
Postcode (postcode)
Huisnummercomponent:
Huisnummer (huisnummer)
Sleep een Tekstveld component op het witte vlak, vul de volgende gegevens in en druk daarna op Opslaan:
Label: Stad
Onder de Location tab:
Stad afleiden: Aangevinkt
Postcodecomponent:
Postcode (postcode)
Huisnummercomponent:
Huisnummer (huisnummer)
Klik onderaan op Opslaan om het formulier volledig op te slaan.
U kunt nu het formulier bekijken.