Differences

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

--- dvg8:handleiding:formulieren:elementtypes [2019/07/12 12:51] – root
+++ dvg8:handleiding:formulieren:elementtypes [2024/01/17 15:05] (current) – external edit 127.0.0.1
@@ Line 41: / Line 41: @@
 ===== 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. Een Jquery-ui.
+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|}}