Deze gids legt uit hoe je aangepaste CSS-klassen kunt toevoegen aan zowel het invoerelement van het veld (bijvoorbeeld het tekstvak) als aan de externe container ervan (de blok die de lay-out en breedte beheert).
Deze instellingen zijn handig als je specifieke stijlen of gedrag wilt toepassen via CSS of JavaScript.
Stapsgewijze procedure
1. Toegang tot geavanceerde instellingen
Binnen de configuratie van het specifieke veld dat je bewerkt, scrol naar de sectie met opties. Je vindt een selectievakje met het label:
Toon geavanceerde instellingen
Vink dit vakje aan om extra velden zichtbaar te maken.
2. Klassen toevoegen aan de invoer van het veld
Nadat je de geavanceerde instellingen hebt ingeschakeld, zoek je het veld met het label:
Invoer Klassen
Voer hier de CSS-klassen in die je direct op het invoerelement wilt toepassen (bijvoorbeeld het <input>, <select> of <textarea> element). Als je meerdere klassen moet invoeren, scheid ze dan met een spatie.
3. Klassen toevoegen aan de container van het veld
Zoek het veld met het label:
Container Klassen
Voer hier de CSS-klassen in die je wilt toepassen op de externe container (de div die het label en de invoer van het veld omsluit). Deze optie is nuttig om de lay-out of zichtbaarheid van het volledige blok aan te passen.
4. Wijzigingen opslaan
Nadat je de gewenste klassen hebt ingevoerd, sla je het hele formulier op om de wijzigingen door te voeren.
