Pagina: Vrije formulieren

Introductie

Vrije formulieren kun je, in tegenstelling tot de standaard formulieren, helemaal zelf definiëren in de webeditor. Hiervoor zijn een aantal veld-typen beschikbaar. Deze zijn in de componenten-keuzelijst te vinden onder 'custom form'.

Je begint een vrij formulier altijd met de keuze voor een 'form' component. Bij dit formulier kun je instellen naar wie de resultaten per email verzonden worden, en wat het onderwerp van deze email zal zijn. Alle velden die je mee wilt sturen moet je binnen dit 'form' component opnemen.

Naast de velden in het voorbeeld-formulier zijn er nog verborgen velden en numerieke velden (met of zonder decimalen) beschikbaar.

Voorbeeld feedback formulier

Voor gevorderden

Bij het opnemen van een veld in een formulier wordt automatisch het label en de feedback-placeholder (waarin een evt. foutmelding getoond wordt) in een responsive layout geplaatst. Voor meer vrijheid kun je deze verder bijsturen.

Bij de velden is een optie 'control_only', waarbij alleen het kale veld getoond wordt, niet in een layout, zonder feedback en label. Let op dat het label wel gebruikt wordt bij het versturen van het formulier.

Daarnaast zijn er afzonderlijke 'field layout', 'field label', en 'field feedback' componenten. Met de 'field layout' krijg je hetzelfde responsive gedrag. 'Field label' en 'field feedback' verwachten in het 'for' attribuut de naam van het veld (het 'name' attribuut). Deze naam bevat alleen kleine letters en afbreekstreepjes, geen spaties, hoofdletters, of vreemde tekens.

Met behulp van deze tools kun je bijvoorbeeld NAW-gegevens nabouwen, waarbij er twee velden (straat en huisnummer) op dezelfde regel staan. Hier hoort wel wat ruimte tussen, dus hebben we nog een 'field spacer' component gemaakt.