Sweetalert: [Demande de fonctionnalité] Personnaliser les boutons de classe

Créé le 29 juil. 2015 · 7Commentaires · Source: t4t5/sweetalert

Est-il possible d'ajouter une classe pour confirmer/annuler les boutons ? désactiver également les styles en ligne.
Quelque chose comme ça:

  confirmButtonText: 'OK',
  confirmButtonColor: '#8CD4F5',
  confirmButtonClass: ' ',
  cancelButtonText: 'Cancel',
  cancelButtonColor: '#D0D0D0',
  cancelButtonClass: ' ',
  unstyleButtons: false,

Merci!

Source

marcemira

👍5

Commentaire le plus utile

+1
BTW, en utilisant confirmButtonColor: '' il supprime les éléments en ligne ;)

ClemRz le 15 juin 2016

👍6 🎉4

Tous les 7 commentaires

+1, spécialement pour supprimer le style en ligne (devrait utiliser des classes)

adrian-e le 24 sept. 2015

👍1

pbassut le 14 nov. 2015

Pleeeeeeasse supprimer les styles en ligne !! Je pense que c'est un problème majeur. Tout le monde doit relooker sweetalert qui l'utilise sérieusement.

J'utilise sass & bootstrap, donc je n'aurais besoin que de quelque chose comme ça :

.sweet-alert button.confirm {
@extend .btn-primaire;
}
.sweet-alert button.cancel {
@extend .btn-default;
}

au lieu de copier des pages de code CSS à partir de bootstrap et de définir !important partout (ce qui est un anti-modèle facile à éviter) pour faire de même.

antidote2 le 11 déc. 2015

👍3

charlex le 11 déc. 2015

+1
Dommage que cela soit ignoré, c'est un compromis, je ne peux pas l'utiliser - éditer des styles à deux endroits est une mauvaise idée, sans même mentionner les styles en ligne.

Stiropor le 22 mars 2016

+1
BTW, en utilisant confirmButtonColor: '' il supprime les éléments en ligne ;)

ClemRz le 15 juin 2016

👍6 🎉4

Les styles en ligne ont été supprimés dans SweetAlert 2.0. Vous pouvez également ajouter vos propres classes en utilisant les nouvelles options du bouton . Pour plus d'informations, consultez le guide de mise à niveau