Table of Contents |
---|
...
De lijsten zijn dynamisch: wanneer de gebruiker start met typen, verschijnen er suggesties die de lijst beperken.
De lijst met postcodes bevat alle postcodes. De postcode stelt de gemeente(n) voor.
De lijst met gemeente(n) bevat alle gemeenten. De gemeente stelt de postcode(s) voor.
De lijst met straten wordt automatisch beperkt tot de straten in de gemeente. De naam van de straat beginnen te typen zorgt ervoor dat de lijst met straten verder beperkt wordt.
De lijst met huisnummers wordt automatisch beperkt tot de huisnummers in de straat.
De lijst met busnummers wordt automatisch beperkt tot de busnummers van het huisnummer.
Afbeelding
Belgisch IBAN-nummer
Gebruik de Belgisch IBAN-nummercomponent om een IBAN-nummer op te vragen. Deze component is gelijkaardig aan de Tekstveld-component, maar voegt validatie van het IBAN-nummer toe. Bij deze component wordt automatisch een help-icoon voorzien met helptekst over het IBAN-formaat.
Info |
---|
Alleen banknummers die aan het Belgische IBAN-formaat voldoen, zijn toegelaten. |
U kunt de volgende Eigenschappen aanpassen:
Naam
Titel
Tijdelijke Tekst
Verplicht Veld
De Helptekst: pas hiervoor de Lange beschrijving aan.
...
...
Optioneel:
Het is mogelijk de lijst van postcodes te beperken tot een gewenste lijst.
Dit kan door een rule als:
limitPostcodesString(postcode ,"3600,3500,3000");
“postcode” is de naam van het postcode veld op uw formulier
3600, 3500, 3000 zijn de gewenste postcodes.
Deze rule moet worden toegevoegd op het Root Panel, bij event “Initialise” - zie voor meer details het hoofdstuk over het toevoegen van rules aan een formulier
...
Afbeelding
Belgisch IBAN-nummer
Gebruik de Belgisch IBAN-nummercomponent om een IBAN-nummer op te vragen. Deze component is gelijkaardig aan de Tekstveld-component, maar voegt validatie van het IBAN-nummer toe. Bij deze component wordt automatisch een help-icoon voorzien met helptekst over het IBAN-formaat.
Info |
---|
Alleen banknummers die aan het Belgische IBAN-formaat voldoen, zijn toegelaten. |
U kunt de volgende Eigenschappen aanpassen:
Naam
Titel
Tijdelijke Tekst
Verplicht Veld
De Helptekst: pas hiervoor de Lange beschrijving aan.
Wanneer een gebruiker het IBAN-nummer verkeerd ingeeft (fout formaat of fout in het controlegetal) verschijnt de volgende foutboodschap:
...
Betaling
Captcha
Datum
Gebruik deze component als alternatief voor de Datumkiezer. Het verschil is dat u de datum in 3 aparte velden (dag, maand, jaar) laat ingeven.
...
Info |
---|
Via de optie Standaardwaarde kunt u ook om het even welke andere datum als default kiezen. |
E-mailadres
Gebruik de e-mailadrescomponent om een e-mailadres op te vragen. Deze component is gelijkaardig aan de Tekstveld-component maar voegt een validatie op het e-mailadres toe.
U kunt de volgende Eigenschappen aanpassen:
Naam
Titel
Tijdelijke tekst - zoals die wordt getoond in het formulier
Verplicht veld
...
Wanneer een gebruiker het e-mailadres verkeerd ingeeft (fout formaat) verschijnt de volgende foutboodschap:
...
Extra Tussenruimte
Gebruik deze component om de leesbaarheid van een formulier beter te maken door U kan ook zorgen dat feestdagen niet gekozen kunnen worden in de datumkiezer:
Vink daarvoor de gewenste opties aan:
...
Er zijn nog heel wat meer mogelijkheden om het gedrag van de datumkiezer te bepalen door middel van regels, zie daarvoor: https://vlaamseoverheid.atlassian.net/wiki/spaces/IKPubliek/pages/6377835964/Met+regels+werken#Regels-die-je-kan-instellen-op-de-Datumkiezer
E-mailadres
Gebruik de e-mailadrescomponent om een e-mailadres op te vragen. Deze component is gelijkaardig aan de Tekstveld-component maar voegt een validatie op het e-mailadres toe.
U kunt de volgende Eigenschappen aanpassen:
Naam
Titel
Tijdelijke tekst - zoals die wordt getoond in het formulier
Verplicht veld
...
Wanneer een gebruiker het e-mailadres verkeerd ingeeft (fout formaat) verschijnt de volgende foutboodschap:
...
Extra Tussenruimte
Gebruik deze component om de leesbaarheid van een formulier beter te maken door extra ruimte te creëren tussen de componenten. Hiervoor kunt u deze component combineren met de Scheidingslijn-component.
...
extra informatie toe te voegen aan de verzendinformatie
in uw formulier toegang te krijgen tot informatie over een ingelogde gebruiker (zie “Secured Formulieren en Login”)
Gebruikers Login Info
Gebruik deze component om toegang tot uw formulier alleen mogelijk te maken na login (zie “Secured Formulieren en Login”).
U kunt de informatie over de ingelogde gebruiker via regels (rules) gebruiken om:
...
Binnen de de ACM/IDM-context is de volgende informatie beschikbaar over de ingelogde gebruiker:
Organisatiecode (vo_orgcode) | OVO-code of ondernemingsnummer van de ingelogde gebruiker, bijv. OVO003323 |
Organisatienaam (vo_orgnaam) | Bijv. Departement Omgeving |
Voornaam (given_name) | Voornaam |
Naam (family_name) | Familienaam |
E-mail (vo_email) | E-mailadres |
Rijksregisternummer (rrn) | Getal van 11 cijfers |
Doelgroepcode (VO_DOELGROEPCODE) | Bijv. LB voor locale besturen, BUR voor burgers, … |
Wettelijk Vertegenwoordiger (wv_orgcode) | De organisatie waarvoor deze persoon wettelijk vertegenwoordiger is - van toepassing bij inloggen “in naam van” een onderneming |
Rol of rollen (dv_formulieren_rol_3d) | Kan evt. gebruikt worden om toegang te beperken tot bepaalde rollen binnen een departement |
In het voorbeeld van een formulier voor burgers die een klacht willen neerleggen, kunt u van de burger die inlogt onmiddellijk het rijksregisternummer, voornaam en naam voorinvullen. U kunt bovendien deze info niet aanpasbaar maken en meesturen wanneer het formulier wordt ingediend.
...
Gebruikersmetadata (alleen zinvol bij ingelogde gebruikers via een beveiligd formulier)
Rijksregisternummer
Voornaam
Naam
Metadata over de sessie
TransactionID (uniek ID gekoppeld aan de inzending)
Datum en tijdstip van inzending
Metadata over de betaling (zie “Betalingen koppelen aan formulier”)
PspPaymentID (unieke ID gekoppeld aan de betaling)
Betaallink
Gestructureerde mededeling
...
Om te Notificatie-component te gebruiken, moet u voor uw formulier eerst een Notificatie-afhandeling maken.
Zie ook Een notificatie (o.a. ontvangstbevestiging) sturen
...
U kunt de volgende Eigenschappen aanpassen:
Titel: de tekst die in het vet staat
Boodschap: de tekst die naast de checkbox staat
Tijdelijke (placeholder) tekst: de tekst die als suggestie in het e-mailadres-veld staat
Ellen Vanherstraeten (TODO: uitleg secured formulieren)
Nummerveld
Gebruik deze component om alleen getallen te laten invoeren (geen letters).
...
Deze component is gelijkaardig aan de Tekstveld-component, maar voegt validatie van het ondernemingsnummer toe. Er wordt gecontroleerd op de lengte (9 cijfers) en het controlegetal (de laatste 3 cijfers) van het ondernemingsnummer.
...
U kunt de volgende Eigenschappen aanpassen:
...
Deze component is gelijkaardig aan de Tekstveld-component, maar voegt validatie van het rijksregister toe. Er wordt gecontroleerd op de lengte (11 cijfers) en het controlegetal (de laatste 2 cijfers) van het ondernemingsnummer.
...
U kunt de volgende Eigenschappen aanpassen:
...
Het eindresultaat is dan als volgt:
...
De Hoe de handtekening wordt meegestuurd hangt af van de aflevermethode:
naar een rest endpoint: de afbeelding van de handtekening wordt base64 encoded meegestuurd in de json
via email: de afbeelding van de handtekening wordt als
...
attachment meegestuurd
datahub: de afbeelding van de handtekening is zichtbaar in datahub
Tabel
Gebruik de Tabel-component om informatie op te vragen in tabelvorm.
...
De cellen in de tabel zijn standaard tekstvelden. Deze kunt u Vervangen door andere componenten.
...
Om de rijen u Vervangen door andere componenten.
...
Om de rijen te bewerken, klik op de tabelrij en gebruik de opties in de toolbar om een rij toe te voegen, te verwijderen, te verplaatsen of de naam aan te passen.
...
Om de kolommen te bewerken, klik op de tabelrij header en gebruik de opties in de toolbar om een rij kolom toe te voegen, te verwijderen, te verplaatsen of de naam aan te passen.
...
Om de kolommen te bewerken, klik op de header en gebruik de opties in de toolbar om een kolom toe te voegen, te verwijderen, te verplaatsen of de naam aan te passen.
...
Tekstveld
Gebruik de Tekstveld-component om informatie op te vragen waarvoor geen specifieke andere component geschikt is. Zo bestaat er bijv. voor e-mailadressen een aparte component, maar niet voor voornamen.
...
U kunt de volgende Eigenschappen aanpassen:
Naam
Titel
Tijdelijke tekst
Verplicht veld
...
Het Voornaam-veld ziet te passen.
...
Tekstveld
Gebruik de Tekstveld-component om informatie op te vragen waarvoor geen specifieke andere component geschikt is. Zo bestaat er bijv. voor e-mailadressen een aparte component, maar niet voor voornamen.
...
U kunt de volgende Eigenschappen aanpassen:
Naam
Titel
Tijdelijke tekst
Verplicht veld
...
Het Voornaam-veld ziet er als volgt uit:
...
Telefoonnummer
Gebruik deze component om een telefoonnummer te vragen. Deze component is gelijkaardig aan de Tekstveld-component, maar voegt validatie van het telefoonnummer toe.
...
U kunt de volgende Eigenschappen aanpassen:
Naam
Titel
Tijdelijke tekst
Verplicht veld
...
Bij een fout in het formaat van het telefoonnummer, wordt een foutboodschap getoond.
...
Tijdelijk Opslaan
Er zijn 3 componenten die te maken hebben met het tijdelijk opslaan van gegevens:
De knop om de gebruiker zijn wijzigingen/gegevens te laten opslaan
Een bericht om aan de gebruiker te tonen dat zijn gegevens correct zijn bewaard
...
Bij gebruik in het formulier zien die er als volgt uit:
...
Telefoonnummer
Gebruik deze component om een telefoonnummer te vragen. Deze component is gelijkaardig aan de Tekstveld-component, maar voegt validatie van het telefoonnummer toe.
...
U kunt de volgende Eigenschappen aanpassen:
Naam
Titel
Tijdelijke tekst
Verplicht veld
...
Bij een fout in het formaat van het telefoonnummer, wordt een foutboodschap getoond.
...
Tijdelijk Opslaan
...
Voorts is er een lijst met tijdelijke versies die een gebruiker heeft bewaard:
...
Hoe deze componenten juist gebruikt moeten worden om “Tijdelijk opslaan” goed te laten werken voor een formulier leest u hier: De data in een formulier tijdelijk opslaan
Voorwaarden
Gebruik deze component om bijv. algemene voorwaarden of privacybeleid te aanvaarden. Deze component bevat een checkbox en een extra tekstveld om de voorwaarden te omschrijven of naar externe pagina’s door te verwijzen.
...