Uitklapbaar Keuze Veld
Het uitklap-veld is vergelijkbaar met die van de ‘meerkeuze’. De keuzes worden als een soort van ‘uitklap’ -menu aan de gebruiker getoond:
Keuzes via ‘uitklap’-veld
Dit veld wordt gebruikt als we veel keuze-mogelijkheden willen aanbieden zonder dat al die keuzes veel ruimte in beslag nemen op het formulier. Bij een ‘meerkeuze’ veld hebben we de mogelijkheid om de keuzes of op één regel of onder elkaar aan te bieden. Hebben we bijvoorbeeld 20 keuzes dan zou dat erg veel ruimte op het formulier innemen en ook nog eens onoverzichtelijk voor de gebruiker zijn. In dat geval is het raadzaam om een ‘uitklapbaar’ keuzeveld te gebruiken.
Vink deze optie aan als de bezoeker dit veld verplicht moet invullen. Standaard wordt een verplicht veld aangegeven met een * . Dit kan in ieder gewenst symbool of tekst gewijzigd worden.
Als deze optie aangevinkt is verschijnt er een extra optie om de foutmelding welke verschijnt als dit veld niet is ingevuld aan te passen.
Verplicht veld
Via deze optie kunnen we instellen dat de waarde welke de bezoeker hier intypt "uniek" moet zijn. Hebben we twee of meer dezelfde veldtypes (bijv. meerdere tekstvelden), dan moet de opgegeven waarde door de bezoeker in dit veld "uniek" zijn; de waarde mag dan niet ook nog eens in een ander veld worden ingevoerd.
Als deze optie is aangevinkt kunnen we dan nog een specifieke foutmelding opgeven:
Veld specifieke foutmelding
Door hier een vinkje te plaatsen is het veld zichtbaar voor de bezoeker maar kan niet gewijzigd worden. De veld-inhoud wordt getoond.
Alleen lezen
Deze optie wordt wel gebruikt bij rekenformulieren om uitkomsten te tonen.
De veldsleutel wordt gebruikt om het veld een unieke naam te geven. Deze wordt gebruikt om met name bij weergaven de velden "leesbaarder" te maken.
De naam moet uniek zijn. Indien de naam al bestaat zal Formidable een nummer aan het eind van de veldsleutel toevoegen.
Standaard bestaat de veldsleutel uit random aangemaakte nummers en karakters:
Veldsleutel
Het is raadzaam om, als soort van gewoonte, de velden te benoemen. De velden zijn dan bij het maken van weergaven en het gebruik van velden in bijv. e-mailmeldingen, herkenbaar.
Via de "CSS layout klassen" zijn meerdere de velden op één regel te plaatsen.
CSS layout klassen
Afhankelijk van de gekozen opmaak wordt de breedte van het veld ingesteld.
Hiermee kunnen we de positie (plaats) van het label bepalen:
Positie label
"Standaard" wordt het label boven het veld getoond.
De opmaak van het label is eventueel aan te passen via de algemene stylen van Formidable (zie: Formidable Stylen).
Hiermee is het mogelijk om een veld alleen te tonen aan gebruikers met een bepaalde rol:
Zichtbaarheid
De getoonde gebruikersrollen zijn afhankelijk van extra plugins. Hier zijn extra webshop en SEO -gebruikers zichtbaar.
Wordt er voor een bepaalde gebruikerrol gekozen, is het veld dan alleen zichtbaar voor ingelogde gebruikers met die specifieke gebruikersrol (zie: WordPress Gebruikers voor een uitleg over de gebruikersrol).
Conditionele logica wordt gebruikt om velden en/of secties te tonen of te verbergen afhankelijk van een gekozen of ingevulde waarde van een ander veld (of meerdere velden) van het formulier:
Conditionele logica
Voorbeeld: Contactformulier met conditionele velden
"Dynamische standaardwaardes" zijn waardes die dynamisch bij een veld ingevuld kunnen worden.
Dynamische standaardwaarde
Een "dynamische" waarde is bijvoorbeeld de voor en achternaam van de gebruiker (indien het om een geregistreerde gebruiker gaat), het e-mailadres, de huidige datum of tijd, etc. Doorgaans een waarde die al bekend is.
Deze optie wordt voornamelijk gebruikt bij tekstvelden.
Voor een uitgebreide omschrijving zie: Dynamische Standaardwaarde
Net als bij ieder veld is het label en de omschrijving van het keuze-veld aan te passen door er in te klikken en de benaming in te typen:
Label & Omschrijving
Door in één van de “Optie” (s) te klikken is de benaming van de keuzemogelijkheid aan te passen:
Opties benoemen
In tegenstelling tot de radio en meerkeuze heb je hier ook een “Blanco” optie die standaard geselecteerd staat. Wil je die niet kun je die gewoon verwijderen.
Extra opties (keuzemogelijkheden) toevoegen is eenvoudig en doe je door op Optie toevoegen te klikken. De extra optie zal dan onderaan toegevoegd worden.
Wil je een optie verwijderen, hover dan over de optie en klik op de prullenbak die dan verschijnt.
Via de optie “Andere” toevoegen wordt er een keuze toegevoegd waarbij een extra tekstveld voor de bezoeker beschikbaar komt:
“Anders”
De tekst “Anders” is aan te passen door er in te klikken.
Net als bij de Radio & Meerkeuze velden is het mogelijk om de opties bij een wat langere lijst aan keuzemogelijkheden via “Bulk-edit opties” te bewerken:
Bulk-edit opties
De opties (keuzes) type je dan eenvoudig in gescheiden door een Enter ↵. Heb je alle keuzes toegevoegd, klik je op Veld keuzes bijwerken en ze zijn toegevoegd.
Links in dit scherm zie je een lijst met voor gedefinieerde lijsten aan keuzes. Voor het “annuleren” van een aangebrachte wijziging in dit scherm, klik je op ‘X’, rechts bovenin het venster.
De “Bulk-edit opties” is ook handig voor het invoegen van een keuze bij een reeds bestaande lijst. Klik dan achter de keuze in dit venster, dan Enter ↵, en je kunt de extra keuze toevoegen.
Dit veld kent verder een drietal specifieke veldinstellingen: “Automatische breedte”, “Multiselect” en “Autocomplete”.
Hiermee zal de breedte van het veld aangepast worden aan de breedste keuzemogelijkheid:
Automatische breedte
Willen we net als bij de ‘meerkeuze’ de gebruiker de mogelijkheid geven om meerdere opties te selecteren, dan dienen we deze aan te vinken:
Meerdere keuzes toestaan
Om meerdere keuze te maken dient de gebruiker dan de Command of Ctrl -toets ingedrukt te houden.
Door een vinkje te zetten bij “Gebruik verschillende waarden” worden er “waardes” achter de keuzes geplaatst:
Scheidingswaardes
Door nu in één van die scheidingswaarden te klikken (naast de keuze, boven in het venster) kunnen we die waarde aanpassen. We kunnen daar zowel tekst als cijfers plaatsen.
Die scheidingswaarde wordt niet getoond aan de bezoeker, en wordt meestal gebruikt als zoek of reken -waarde bij overige velden op het formulier.
In de “Gevorderde” sectie komen we hier uitgebreid op terug met een aantal voorbeelden.
Vragen & Info
Heb je vragen naar aanleiding van dit onderwerp, geef dan een reactie via onderstaand reactie-formulier of stuur ons een mail op: info@qwain.nl.
Op de hoogte blijven van alle WordPress Nieuwtjes, Tips & Tricks… volg ons dan op Facebook .
Er zijn vele type velden beschikbaar. Het meest gebruikte veld is het tekstveld. Hiermee kan de bezoeker vrije tekst invoeren als bijvoorbeeld voornaam, achternaam, etc.