Sweetalert: [Funktionsanfrage] Klassenschaltflächen anpassen

Erstellt am 29. Juli 2015 · 7Kommentare · Quelle: t4t5/sweetalert

Besteht die Möglichkeit, den Schaltflächen zum Bestätigen / Abbrechen eine Klasse hinzuzufügen? Deaktivieren Sie auch Inline-Stile.
Etwas wie das:

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

Vielen Dank!

Quelle

marcemira

👍5

Hilfreichster Kommentar

+1
Übrigens, mit confirmButtonColor: '' wird das Inline-Zeug entfernt ;)

ClemRz am 15. Juni 2016

👍6 🎉4

Alle 7 Kommentare

+1, speziell zum Entfernen von Inline-Styling (sollte Klassen verwenden)

adrian-e am 24. Sept. 2015

👍1

pbassut am 14. Nov. 2015

Bitte entferne die Inline-Styles!! Ich denke, es ist ein großes Problem. Jeder muss sweetalert neu stylen, der es ernsthaft benutzt.

Ich verwende Sass & Bootstrap, also brauche ich nur so etwas:

.sweet-alert button.confirm {
@extend .btn-primär;
}
.sweet-alert button.cancel {
@erweitern .btn-default;
}

anstatt Seiten mit CSS-Code aus Bootstrap zu kopieren und überall !important zu setzen (was ein leicht zu vermeidendes Anti-Pattern ist), um dasselbe zu tun.

antidote2 am 11. Dez. 2015

👍3

charlex am 11. Dez. 2015

+1
Schade, dass dies ignoriert wird, es ist ein Dealbreaker, ich kann das nicht verwenden - das Bearbeiten von Stilen an zwei Stellen ist eine schlechte Idee, ganz zu schweigen von Inline-Stilen.

Stiropor am 22. März 2016

+1
Übrigens, mit confirmButtonColor: '' wird das Inline-Zeug entfernt ;)

ClemRz am 15. Juni 2016

👍6 🎉4

Inline-Stile wurden in SweetAlert 2.0 entfernt. Sie können mit den neuen Schaltflächenoptionen auch eigene Klassen hinzufügen. Weitere Informationen finden Sie in der Upgrade-Anleitung

t4t5 am 8. Sept. 2017

War diese Seite hilfreich?

0 / 5 - 0 Bewertungen

Sweetalert: [Funktionsanfrage] Klassenschaltflächen anpassen

Hilfreichster Kommentar

Alle 7 Kommentare

Verwandte Themen