Naar inhoud springen

FR Forms

Uit KB Van Loenhout
Versie door WikiAdmin (overleg | bijdragen) op 14 jul 2026 om 21:18 (Nieuwe pagina aangemaakt met 'FR Forms')
(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)

FR Forms is een module waarmee je diverse (contact-)formulieren kan aanmaken.

Ieder formulier bevat eigen instellingen:

  • velden: vrije aanmaak van diverse typen data-velden
  • opmaak: voor de ‘voorkant’ van jouw website
  • berichten: vrije aanmaak van automatisch gegenereerde meldingen en e-mails
  • succes: keuze uit een zelfgemaakte pagina of eenvoudige melding (tekst)

Als aanvullende optie kan jeCaptcha toepassen als bescherming tegen spam.

Velden

velden
velden

Klik op keuzeknop Veld toevoegen om nieuwe velden toe te voegen

Afhankelijk van het type veld worden er meerdere eigenschappen getoond:

velden toevoegen
velden toevoegen

Type: kies het gewenste type, zie (A)

Label: geef een label voor dit veld

Placeholder-sleutel: bij aanmaak van een nieuw veld wordt dit automatisch ingevuld

Status: is het veld verplicht, optioneel of anders? Zie (B)

Standaardwaarde: optioneel te gebruiken

Plaatshouder tekst: optioneel, als invoerhulp voor bezoekers

Helptekst: optioneel, toont een helptekst voor bezoekers

Maximale lengte: optioneel, gebruik deze om invoer te beperken

Keuzeknop voor layout: optioneel, stel pagina weergave in, zie (C)

Voorbeeld van een aangemaakt veld

aangemaakt veld
aangemaakt veld


Volgorde - wordt getoond op webpagina

volgorde velden

Op de webpagina worden de aangemaakte velden getoond volgens de volgorde in de pagina sectie. Je kan deze volgorde aanpassen met knoppen 'omhoog' en 'omlaag'.

Opmaak

Met Opmaak stel je opmaak vast zoals die op de webpagina wordt getoond.

opmaak
opmaak

Formulierstijl: kies uitlijning van de labels van de invoervelden: op één lijn of label boven het invoerveld

  Veldthema: kies een voorgedefinieerde stijl uit de tabel, zie (A)

Grid tussenruimte: kies de gewenste afstand tussen het label en een invoerveld

Visuele layout-editor: bepaal het raster waarin de velden worden getoond, zie (B)

Verzendknoptekst: geef de tekst op die op de verzendknop wordt getoond

  Uitlijning verzendknop: geef de uitlijning aan voor de tekst op de verzendknop

A - veldthema

veldthema
veldthema

Elk thema heeft eigen instellingen, of geen: 'Geen styling'

 Probeer ze uit, en kies het thema wat het meest bij jouw website past.

 Zie (C) voor voorbeelden per thema.

B - visuele layout editor

visuele layout editor
visuele layout editor

  Je kunt de velden verdelen over 1, 2 of 3 kolommen. Zie het voorbeeld.

  Ook kan je de velden verdelen over meerdere rijen.

  Verplaats de kolommen door ze te slepen of via de positie keuzeknoppen.

  De rijen bepaal je middels de positie keuzeknoppen.

C - voorbeelden veldthema's

thema: Geen stylinggeen stijling

thema: Nice formnice form

thema: Bootstrapbootstrap

thema: Material UI (filled)material UI filled

thema: Material UI (outlined)material UI outlined

thema: Material UI (standard)material UI standard