Er zijn een heleboel manieren waarop we keuzelijsten aanbieden. Soms in de vorm van keuzevakjes (checkbox). Andere opties zijn keuzerondjes (radio) of keuzelijsten (pull-down). Daarbij is het mogelijk om behalve de voorgedefinieerde keuzes ook nog de gebruiker zelf opties toe te laten voegen. Hieronder een korte vergelijking van de verschillende elementen die je kan helpen te bepalen welke je in moet zetten.

• Keuzevakje: één keuzevakje (checkbox)
• Keuzevakjes: meerdere keuzevakjes gecombineerd. Optioneel kunnen links worden weergegeven om in één klik alles aan of uit te vinken.
• Keuzevakjes met andere optie: hetzelfde als voorgaande, alleen met de optie “Anders…”, waarna een tekstveld wordt weergegeven waarin een gebruiker zelf iets kan typen.
• Keuzerondjes: een aantal opties weergegeven als keuzerondjes (radio). Er kan één van de opties geselecteerd worden.
• Keuzerondjes met andere optie: hetzelfde als voorgaande, alleen met de optie “Anders…”, waarna een tekstveld wordt weergegeven waarin een gebruiker zelf iets kan typen.
• Selecteren: een lijst met opties in de vorm van een pulldown-menu. Als een gebruiker meerdere opties kan selecteren is het geen pulldown menu, maar een vlak met opties waarin een gebruiker door control in te houden meerdere opties kan selecteren.
  Select2: Het is ook mogelijk de Select2 library in te schakelen. Dat is vooral handig als er veel opties in een lijst aanwezig zijn. Bovenaan komt dan een tekstveld waarin gebruikers kunnen typen. Op die manier kunnen gebruikers heel snel opties vinden.
• Keuzelijst met andere optie: een lijst met opties in de vorm van een pulldown-menu, waarbij de gebruiker zelf iets toe kan voegen als het ontbreekt. Je kan instellen of de gebruiker één of meerdere opties mag selecteren. Als er meerdere opties geselecteerd mogen worden veranderd de vorm van een pulldown in een vlak.

Veel van de opties overlappen bij deze elementen. Hieronder de toelichting van de meeste opties (niet alle opties zijn bij alle veldtypen aanwezig):

Beschikbaar bij: 1 = keuzevakje, 2 = keuzevakjes, 3 = keuzevakjes met andere optie, 4 = keuzerondjes, 5 = keuzerondjes met andere optie, 6 = selecteren, 7 - keuzelijst met andere opties

• Titel: titel van een element. Bij een groep, de titel van een groep elementen. Alle elementen
• Beschrijving: beschrijving van de vraag. Alle elementen
• Titelweergave en Beschrijvingsweergave: op welke positie deze elementen getoond worden in relatie tot het invoerveld. Alle elementen
• Standaardwaarde: de optie die standaard geselecteerd is, bij een keuzevakje of het standaard wel of niet geselecteerd is. Alle elementen
• Opties: <wrap hi>je kan hier kiezen voor standaard opties, maar we raden aan om altijd de opties zelf te definiëren</wrap>. Dan weet je zeker dat de opties niet wijzigen door wijzigingen in vertalingen. Vul voor elke optie een waarde, tekst en eventueel beschrijving in. De waarde is wat er opgeslagen wordt als de optie geselecteerd is. De tekst is wat de gebruiker ziet staan. Deze twee kunnen hetzelfde zijn. Daarom wordt als je een waarde typt deze ook meteen ingevuld bij tekst. Maar ze kunnen ook afwijken, dus je kan ze onafhankelijk van elkaar bewerken. Je kan zoveel opties toevoegen als je wil. Door met het sleepkruis te slepen kan je de volgorde van de opties wijzigen. 2, 3, 4, 5, 6, 7
• Lege optie tekst en Lege optie waarde: bij het gebruik van een selectielijst is het ook mogelijk om “niets” te selecteren. Vul deze velden in als je hier een afwijkende weergave van wil toepassen 6, 7
• Sorteeropties sorteer de opties in alfabetische volgorde 6, 7
• Options display en Options descriptions display: hier bepaal je hoe de elementen weergegeven worden. Je kan kiezen voor één, twee of drie kolommen, waarbij de elementen netjes in kolommen worden weergegeven. Als je naast elkaar kiest worden er op elke regel zoveel opties getoond als passen, ze staan dus niet allemaal netjes onder elkaar. De opties “Buttons” zijn niet bruikbaar. 2, 3, 4, 5 - werkt nog niet in de frontend-template van DVG, hopelijk binnenkort wel
• Opties in willekeurige volgorde plaatsen: De titel is duidelijk 2, 3, 4, 5, 6, 7
• Include Alle of the above option: Vink dit aan om een checkbox toe te voegen waarmee in één keer alle andere opties in de groep aangevinkt kunnen worden. Vervolgens kan je instellen welke tekst bij deze optie weergegeven wordt. 2
• Include geen of the above option: Vink dit aan om een checkbox toe te voegen waarmee je in één keer alle andere opties in de groep uitvinkt. Vervolgens kan je instellen welk tekst bij deze optie weergegeven wordt. 2, 3
• Select2: Gebruik de Select2-library om een selectielijst te voorzien van een tekstveld waarmee een gebruiker snel kan zoeken tussen een grote lijst met opties 6
• Other option settings 3, 5, 7:
  • Type: het soort veld dat gebruikt wordt voor de andere opties die de gebruiker zelf in mag voeren. Keuze uit tekstveld, tekstvlak of getal.
  • Other option label: label voor het veld voor andere opties
  • Other title: een titel die weergegeven wordt bij het veld voor andere opties
  • Other placeholder: de tekst die in het veld wordt weergegeven totdat het veld focus krijgt
  • Other description: beschrijving die bij het veld weergegeven wordt.
• Return value: de waarde die opgeslagen wordt als een Keuzevakje geselecteerd is. 1