¿Hay alguna forma de cambiar la posición de los botones de confirmación y cancelación?
Actualmente no existe una forma de configuración. Podrías reorganizar un poco a través de CSS. Las desventajas son posibles roturas al actualizar y posible desorden de CSS tratando de cubrir todos los puntos de interrupción.
El CSS de sobrescritura podría ser como
.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 Tuve el mismo problema. Busqué en la fuente para ver si personalizaba, pero no pude encontrar una forma no pirateada de personalizar el complemento en sí. Así que me conformé con una forma hacky en mi propio código :-) Si estás usando jquery, algo como esto funciona bien.
function swapModalButtons(){
$("button.cancel").before($("button.confirm"))
}
src: modules / injected-html.js line: 53 verás lo que quieres, es por eso que no puedes establecer su orden.
modificar: sweetalert.min.js
encuentra , quita su posición, es trabajo.
Ustedes deberían estar usando esta bifurcación ahora: https://limonte.github.io/sweetalert2/
En realidad, está actualizado y tiene una opción de botón de retroceso.
@ryanmortier Estoy en un gran proyecto y tendría que pasar por muchos trámites burocráticos para usar sweetalert2
@ghost He editado injected-html.js y he cambiado el orden ... He intentado cambiar sweetalert.min.js. Ese es un trabajo bastante complicado. No puedo decir si lo hice correctamente o no. Los botones aún no se han invertido. ¿Cuál es la mejor manera de editar un archivo min?
Esto ahora se puede hacer en 2.0 usando:
swal({
buttons: {
confirm: true,
cancel: true,
}
})
... para establecer el orden exacto!
Ustedes deberían estar usando esta bifurcación ahora: https://limonte.github.io/sweetalert2/
este enlace no está actualizado, aquí está el correcto https://sweetalert2.github.io/
Hola. Yo tuve el mismo problema. Y resuelve con este trabajo alrededor. Vaya al .min y busque:
div class = "sa-button-container"> \ n
\ n
Comentario más útil
El CSS de sobrescritura podría ser como