Le module permet de nombreuses personnalisations en ajoutant des classes à celle de base : "wpeo-button"
Si aucune couleur n'est précisée, la classe "button-main"
est appliquée.
La classe utilise la propriété "pointer-events: none;"
pour désactiver totalement les actions sur le bouton.
Il existe certains cas où vous souhaitez que votre bouton ai seulement l'apparence d'être désactivé car vous avez besoin d'accrocher des évènements dessus.
Utilisez dans ce cas la classe "button-event"
pour réactiver la propriété CSS pointer event.
Exemple : Votre bouton semble désactivé et vous pouvez afficher un message d'erreur lorsque l'on clique dessus.
Note : Il n'y a pas besoin d'utiliser de classe pour la taille standard
Cette classe permet l'animation d'un bouton en cas de chargement, réussite et échec d'une action. Il suffit de rajouter la classe en fonction du code javascript.
Cliquer sur les boutons pour activer les animations :