// https://community.drupalvoorgemeenten.nl/t/overzichtpagina-van-alle-elementen/198 //
====== Webformulier: elementen ======

Voeg een nieuwe element toe aan een **[[dvgem:content_typen:webformulier|formulier]]** en geef het elementen een ->
  * Titel (vormt de basis voor de 'sleutel').
  * Type element (zoals: tekstmogelijkheden, bestand toevoegen, e-mail adres vragen).
  * Conditional (alleen nodig als er specifieke voorwaarden gesteld worden aan het element).
  * Verplicht (geef aan of het veld verplicht is of niet).
  * Bewerken: instellingen kunnen ook weer aanpast worden.\\ 
{{:dvgem:content_typen:webformulier:dvgem_webformulier_elementenlijst.png?nolink|}}

===== Algemene concepten m.b.t. elementen =====

:!: Gebruik altijd het juiste element, bijvoorbeeld een emailveld voor een email, postcodeveld voor een postcode. \\ Op deze wijze wordt validatie van de inhoud afgedwongen.

  * [[dvgem: content_typen: webformulier: webformulier elementen: algemene concepten voorwaarden | Voorwaarden]]
  * [[dvgem: content_typen: webformulier: webformulier elementen: algemene concepten plaatsing labels | Plaatsing van labels]]
  * [[dvgem: content_typen: webformulier: webformulier elementen: algemene concepten gebruik van tokens | Gebruik van tokens]]
  * [[ Bewerken voor voor ingevulde velden uitschakelen ]]



===== Elementen =====

Eenvoudige elementen
  * [[dvgem: content_typen: webformulier: webformulier elementen: BSN valideren | BSN field]]
  * [[dvgem: content_typen: webformulier: webformulier elementen :Optie elementen | Optie elementen (keuzelijsten/rondjes/vakjes/selecteren) evt "met andere optie"]]
  * [[dvgem: content_typen: webformulier: webformulier elementen: Tekstveld en tekstvlak | Tekstveld en tekstvlak]] 
  * [[dvgem: content_typen: webformulier: webformulier elementen: Verborgen | Verborgen]]

Geavanceerde elementen
  * [[dvgem: content_typen: webformulier: webformulier elementen: E-mailadres | E-mail]]
  * [[dvgem: content_typen: webformulier: webformulier elementen : getal| Getal ]]
  * [[dvgem: content_typen: webformulier: webformulier elementen : Telefoon| Telefoon ]]
  * [[dvgem: content_typen: webformulier: webformulier elementen : Postcode| Postcode ]]
  * [[dvgem: content_typen: webformulier: webformulier elementen : Adres met automatisch aanvullen ]]

Containers
  * [[dvgem: content_typen: webformulier: webformulier elementen : Container| Container ]]
  * [[dvgem: content_typen: webformulier: webformulier elementen : Link button| Link button ]]
  * [[dvgem: content_typen: webformulier: webformulier elementen : Veldengroep| Veldengroep ]]

Datum/Tijd elementen
  * [[dvgem: content_typen: webformulier: webformulier elementen : Datum-tijd| Datum/tijd elementen]]

Bestandsupload elementen
  * [[dvgem: content_typen: webformulier: webformulier elementen: Bestanden toevoegen | DVG bestand]]


Markup elements
  * [[dvgem: content_typen: webformulier: webformulier elementen : Toelichting in een eenvoudige html element | Eenvoudige HTML]]

Verzendknoppen
  * [[dvgem: content_typen: webformulier: webformulier elementen : Verzendknoppen | Verzendknoppen]] 

Andere elementen
  * [[dvgem: content_typen: webformulier: webformulier elementen : IBAN field | Webform IBAN-field]] 
  * [[dvgem: content_typen: webformulier: webformulier elementen : Pagina's | Pagina's in een formulier maken]] 

Appointment elementen
* Deze zijn specifiek voor het afspraken formulier, deze wordt in zijn geheel door de leverancier opgeleverd.