Existe-t-il un moyen de modifier la position des boutons de confirmation et d'annulation ?
Actuellement, il n'y a pas de moyen via la configuration. Vous pouvez réorganiser un peu via CSS. Les inconvénients sont une rupture possible lors de la mise à jour et un encombrement possible de CSS essayant de couvrir tous les points d'arrêt.
Le CSS d'écrasement pourrait être comme
.sa-button-container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.sa-button-container .cancel {
-webkit-order: 2;
order: 2;
}
.sa-button-container .sa-confirm-button-container {
-webkit-order: 1;
order: 1;
}
@gremz @t4t5 J'ai eu le même problème. J'ai regardé dans la source pour voir si je personnalise, mais je n'ai pas trouvé de moyen non piraté de personnaliser le plugin lui-même. J'ai donc opté pour une méthode hacky dans mon propre code :-) Si vous utilisez jquery, quelque chose comme ça fonctionne bien.
function swapModalButtons(){
$("button.cancel").before($("button.confirm"))
}
src:modules/injected-html.js line:53 vous verrez ce que vous voulez, c'est pourquoi vous ne pouvez pas définir son ordre.
modifier: sweetalert.min.js
trouvez , supprimez sa position, c'est le travail.
Vous devriez déjà utiliser cette fourchette : https://limonte.github.io/sweetalert2/
Il est en fait mis à jour et il a une option de bouton inverse.
@ryanmortier je suis sur un gros projet et je devrais passer par beaucoup de paperasse pour utiliser sweetalert2
@ghost J'ai édité le fichier html.js injecté et changé l'ordre... J'ai essayé de changer sweetalert.min.js. C'est un travail assez salissant. Je ne peux pas dire si je l'ai fait correctement ou non. Les boutons ne se sont toujours pas inversés. Quelle est la meilleure façon de modifier un fichier min ?
Cela peut maintenant être fait en 2.0 en utilisant:
swal({
buttons: {
confirm: true,
cancel: true,
}
})
...pour définir l'ordre exact !
Vous devriez déjà utiliser cette fourchette : https://limonte.github.io/sweetalert2/
ce lien est obsolète, voici le bon https://sweetalert2.github.io/
Salut. J'ai eu le même problème. Et résoudre avec ce travail autour. Accédez au .min et recherchez :
div class="sa-button-container">\n
\n
Commentaire le plus utile
Le CSS d'écrasement pourrait être comme