Differences

This shows you the differences between two versions of the page.

--- dvg8:handleiding:formulieren:elementtypes [2019/07/12 11:26] – root
+++ dvg8:handleiding:formulieren:elementtypes [2024/01/17 15:05] (current) – external edit 127.0.0.1
@@ Line 3: / Line 3: @@
 Bij het toevoegen van elementen aan webformulieren zijn er vele verschillende elementtypes. Die zullen we hieronder toelichten.
-===== Tekstveld =====
+===== Eenvoudige elementen =====
+Dit zijn de basis bouwstenen van een formulier. Elementen die in bijna elk formulier naar voren komen.
+==== Keuzevakje ====
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_13.37.48.png?direct&400|}}
+Een keuzevakje is een "vinkje". Dit kan gebruikt worden om een toestemming af te dwingen. Voor een "groep" vinkjes gebruiken we het element "Keuzevakjes" in de groep "Optie-elementen"
+==== Tekstveld ====
 {{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_13.22.52.png?direct&400|}}
+Een tekstveld kan gebruikt worden om korte input van gebruikers vast te leggen, over het algemeen minder dan 255 karakters. Dit veld kan bijna alles bevatten. Maar het heeft ook heel veel mogelijkheden qua validatie (tot Regex toe), dus dit is een veld dat voor veel zaken geschikt is.
+==== Tekstvlak ====
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_13.43.09.png?direct&400|}}
+Een tekstvlak is een tekstveld met meerdere regels. Het kan meer tekst bevatten dan een tekstveld. Maar verder kunnen dezelfde opties ingesteld worden. Er kan ook een teller aangegeven worden die weergeeft hoeveel karakters of woorden er gebruikt zijn.
+===== Geavanceerde elementen =====
+Dit zijn allemaal tekstvelden, alleen dan met specifieke validatie voor E-mail, Getal of Telefoonnummers.
+===== Bestandsupload elementen =====
+Als burgers een bestand naar de gemeente mogen verzenden, gebruiken we daar een bestandsveld voor.
+==== Bestand ====
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_13.53.08.png?direct&400|}}
+Een of meer bestanden toevoegen. Bestanden komen altijd in de "Afgeschermde bestanden" terecht, en zijn dus niet zomaar van buitenaf te benaderen. Dit in verband met de privacy. De meeste bestanden zullen niet bestemd zijn voor iedereen omdat ze persoonsgegevens bevatten.
+===== Datum/Tijd elementen =====
+Voor het bevragen van data en tijden hebben we de datum en tijd elementen tot onze beschikking. Deze elementen kunnen alleen datum, alleen tijd of zowel datum als tijd bevragen. Bij het bevragen van een datum kan gekozen worden voor verschillende kalenders. Bijvoorbeeld de standaard html-5 kalender of een Jquery-ui datepicker.
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_14.48.06.png?direct&400|}}
+===== Optie-elementen =====
+Optie-elementen bieden een gebruiker de keuze tussen meerdere mogelijkheden. Uiteindelijk wordt door 'wat' de gebruiker moet selecteren bepaald welk element het meest geschikt is.
+==== Keuzelijst met andere optie ====
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.07.04.png?direct&400|}}
+U kan een lijst met voorgedefinieerde keuzes aangeven, maar als de gebruiker ook de gelegenheid moet krijgen een eigen tekst toe te voegen als de optie er niet tussen staat, gebruikt u dit element. U kan zelf aangeven in welke vorm de "andere" optie ingegeven kan worden. Een enkele regel, een tekstveld of een getal.
+==== Keuzerondjes ====
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.13.41.png?direct&400|}}
+Als een gebruiker één optie mag kiezen, maar wel alle mogelijkheden in één oogopslag moet kunnen zien, kunt u keuzerondjes gebruiken. Dit is gewoonlijk alleen mogelijk en werkbaar als er maar enkele opties mogelijk zijn.
+==== Keuzevakjes ====
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.17.30.png?direct&400|}}
+Als een gebruiker uit een klein aantal keuzes meerdere opties mag kiezen, kan er gebruik gemaakt worden van keuzevakjes, oftewel "checkboxes". De gebruikers kan meerdere opties kiezen. De opties kunnen onder elkaar, naast elkaar of in een bepaald aantal kolommen gepresenteerd worden.
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.19.06.png?direct&400|}}
+==== Selecteren ====
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.23.50.png?direct&400|}}
+Als een gebruiker uit vele opties mag kiezen kunt u deze het beste in een lijst presenteren, een zogenaamde "pull-down"-lijst. U kan de gebruiker de mogelijkheid bieden om meerdere keuzes te maken. Stel dan bij het kopje "Elementinstellingen" bij "Toegestane waarden" in dat er een "Onbeperkt" aantal waarden geselecteerd mag worden, of vul in het tekstveld achter "Beperkt" een getal hoger dan 1 in.
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.26.11.png?direct&400|}}
+De lijst wordt dan niet als een pull-down gepresenteerd, maar als een vak met opties. Als er meer opties zijn dan in het vak passen, wordt dit een lijst waar de gebruiker doorheen kan scrollen.
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.23.01.png?direct&400|}}
+===== Container-elementen =====
+Container elementen zijn elementen die gebruikt kunnen worden om onderliggende elementen samen te voegen.
+==== Veldengroep ====
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.38.45.png?direct&400|}}
+Voeg een veldengroep toe, en plaats andere elementen daarin. Deze worden dan gegroepeerd weergegeven.
+{{:dvg8:handleiding:formulieren:schermafbeelding_2019-07-12_om_15.39.53.png?direct&400|}}