Deze gids legt uit hoe je aangepaste CSS-klassen kunt toepassen op de verzendknop van een formulier of op het omhullende element (de div die het bevat), wat handig is voor grafische aanpassingen via externe stijlenbladen.
> Opmerking: Om deze procedure te volgen, moet je de CSS-klassen bij de hand hebben die je wilt toepassen.
Stapsgewijze procedure
1. Open de Formulierbewerking
Open het formulier dat je wilt bewerken in de beheerdersinterface.
2. Ga naar het Algemene gedeelte
Zorg dat je in het eerste gedeelte van het formulier bent, genaamd Algemeen.
3. Vind de Instellingen voor de Verzenden-knop
Scroll naar beneden tot je het vak met de titel Verzendknop vindt.
4. Kies waar je de Klassen wilt toepassen
Binnen dit vak vind je twee tekstvelden voor het invoeren van klassen:
- Input Klassen: Gebruik dit veld om klassen direct toe te voegen aan het
input-element (de knop zelf). - Container Klassen: Gebruik dit veld om klassen toe te voegen aan de
divdie de verzendknop bevat (handig voor het regelen van lay-out of breedte).
5. Voer de CSS-klassen in
Typ in het gewenste veld (Input Klassen of Container Klassen) de CSS-klassen die je wilt toepassen.
> Voorbeeld: Als je de klassen btn-custom en large-button wilt toepassen, typ dan: btn-custom large-button (scheid de klassen met een spatie).
6. Sla de Wijzigingen op
Rond het opslaan van het formulier af (meestal door op de opslaan-knop te klikken of verder te gaan met de volgende stappen van de wizard) om de CSS-klassen effectief te maken op de frontend.
