Deze gids legt uit hoe je aangepaste CSS-klassen toevoegt aan een specifiek formulier veld of aan de container ervan (het gebied dat het label en de input omhult).
Deze functionaliteit is handig als je specifieke stijlen of JavaScript-gedrag wilt toepassen op afzonderlijke elementen van het formulier.
1. Klassen toewijzen aan een formulier veld
Om klassen toe te wijzen aan een specifiek veld (zoals een tekstveld, selectievakje of dropdownmenu), volg je deze stappen:
1. Ga naar de bewerkingssectie van het formulier en open het tabblad Generali.
2. Zoek in de sectie Campi het veld dat je wilt aanpassen en klik erop om de instellingen uit te vouwen.
3. Scroll helemaal naar beneden in de veldinstellingen en vink het vakje Mostra impostazioni avanzate aan.
- Opmerking: Als dit vakje al is aangevinkt, kun je deze stap overslaan.
4. Zodra de geavanceerde instellingen zichtbaar zijn, zie je twee velden voor het invoeren van klassen:
- Classi Input: Voer hier de CSS-klassen in die je direct op het invoerelement wilt toepassen (bijvoorbeeld de
<input>,<select>of<textarea>tag). - Classi Contenitore: Voer hier de CSS-klassen in die je wilt toepassen op de hoofdcontainer van het veld (het
divelement dat het label en de input omvat).
5. Voer de gewenste klassen in, gescheiden door een spatie (bijvoorbeeld: mia-classe-rossa nascondi-su-mobile).
6. Sla het formulier op om de wijzigingen toe te passen.
2. Klassen toewijzen aan de verzendknop
Je kunt ook de verzendknop (Submit) van het formulier aanpassen.
1. Ga naar de bewerkingssectie van het formulier en open het tabblad Generali.
2. Scroll naar de sectie Pulsante di invio.
3. In deze sectie vind je de volgende velden:
- Classi Input: Voer hier de CSS-klassen in die je direct op de verzendknop wilt toepassen.
- Classi Contenitore: Voer hier de CSS-klassen in die je wilt toepassen op de container van de knop (handig voor uitlijning of afstandsbeheer).
4. Voer de gewenste klassen in.
5. Sla het formulier op om de wijzigingen toe te passen.
