Skip to main content
Skip table of contents

Formulierveld visualisaties

Toelichting vooraf

Visualisaties kan je instellen binnen de formulierveld eigenschappen. Afhankelijk van het veldtype of elementtype zijn er één of meerdere visualisaties beschikbaar. Op deze pagina vind je een overzicht van de mogelijkheden.

Naast onderstaande out-of-the-box beschikbare visualisaties is het ook mogelijk om je eigen applicatie-specifieke visualisaties uit te werken. Selecteer dan ‘andere’ en geef de key op van je customizatie. Klik hier voor meer info omtrent extensies & customizaties.

De look & feel is telkens lichtjes anders in de frontoffice dan wel in de backoffice. Bovendien zijn er ook verschillen naargelang de styling (neutraal, Vlaamse Overheid, enzovoort). Je kan steeds testen in de preview omgeving van je applicatie.

Basisvelden

Tekst, getal, e-mail, tekstvak

Deze veldtypes hebben een gelijklopende visualisatie visualisatie in frontoffice als backoffice.

image-20250317-082011.png

Bijzonderheden

E-mailadres bevat een ingebouwde validatie.

image-20250317-081748.png
image-20250317-081846.png

Getal bevat een increment & decrement functie (frontoffice Vlaamse Overheid stijl).

image-20250317-082142.png

Tekstvlak laat meerdere regels toe.

image-20250317-082621.png

In de backoffice is een HTML-editor mogelijk (mits configuratie, zie eigenschappen voor dit elementtype).

image-20250317-082820.png

Rekeningnummer, telefoonnummer

Deze veldtypes hebben een gelijklopende visualisatie visualisatie in frontoffice als backoffice.

Bijzonderheden

Een telefoonnumer kan een vast of mobiel nummer zijn.

image-20250317-083744.png
image-20250317-083349.png

De landcode (prefix) wijzigt wanneer je de vlag switcht.

image-20250317-083622.png
image-20250317-083920.png

De prefix wordt achterliggend ook opgeslagen.

Rijksregisternummer

Punten en liggende strepen helpen bij het invullen, maar worden achterliggend niet opgeslagen.

image-20250317-084021.png

Kaart

Visualisatie gelijklopend in backoffice en frontoffice.

image-20250314-085406.png

Datum

Backoffice met date picker

image-20250314-150025.png

Frontoffice Vlaamse Overheid

image-20250124-103349.png

Meerkeuze

Expanded (of niet gespecificeerd)

Backoffice

image-20250314-124718.png

Frontoffice Vlaamse Overheid

image-20250124-104639.png

Dropdown

Backoffice

image-20250314-125040.png

Frontoffice Vlaamse Overheid

image-20250314-150952.png

Keuze

Expanded (of niet gespecificeerd)

Backoffice

image-20250314-125641.png

Frontoffice Vlaamse overheid

image-20250124-103145.png

Dropdown

Backoffice

image-20250314-125837.png

Frontoffice Vlaamse overheid

image-20250314-150420.png

Ja/nee

Niet gespecificeerd of radio

Backoffice

image-20250314-152708.png

Frontoffice Vlaamse Overheid

image-20250314-152600.png

Checkbox

Backoffice

image-20250314-153205.png

Frontoffice Vlaamse Overheid

image-20250314-153027.png

Compact

Backoffice

image-20250314-153440.png

Frontoffice Vlaamse Overheid

image-20250314-153517.png

Informatie

Niet gespecificeerd

Neutrale platte tekst

Overige visualisaties

Backoffice

image-20250317-104159.png

Frontoffice Vlaamse Overheid

image-20250317-104254.png

Bijlage

Backoffice

image-20250314-154813.png
image-20250314-160519.png

Frontoffice Vlaamse Overheid

image-20250124-103614.png
image-20250314-160431.png

Bijlage lijst

Box (of niet gespecificeerd)

Backoffice

image-20250314-140424.png

Frontoffice Vlaamse Overheid

image-20250314-160158.png

Compact

Backoffice

image-20250314-140726.png

Frontoffice Vlaamse Overheid

image-20250314-155901.png

Layout

Lijst

Box (of niet gespecificeerd)

Backoffice

image-20250314-135948.png

Frontoffice Vlaamse Overheid

image-20250314-155450.png

Compact

Backoffice

image-20250314-135800.png

Frontoffice Vlaamse Overheid

image-20250314-154501.png

Subdocs

Deze weergave kan je niet selecteren in Studio UI, maar kan je wel instellen via de JSON.

Subdocs is een specifieke weergave van een lijst waarbij het invullen van alle subvelden (vragen of eigenschappen) voor elk item op een afzonderlijke subpagina van het formulier gebeurt. In het formulier zelf komt enkel een overzicht (weergave) van de aangemaakte items met de mogelijkheid om bestaande items te schrappen of nieuwe aan te maken. Meer uitleg hierover bij de eigenschappen van lijsten.

2025.03.17_Subdocs.gif

Let op de extra knoppen onderaan om te switchen tussen lijstitems of om naar het overzicht terug te keren.

Groep

Box (of niet gespecificeerd)

Backoffice

image-20250314-134427.png

Frontoffice Vlaamse Overheid

image-20250314-155208.png

Sectie

Backoffice

image-20241217-092114.png

Frontoffice

image-20241217-095024.png
JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.