Sweetalert: [Solicitação de recurso] Personalizar botões de classe

Criado em 29 jul. 2015 · 7Comentários · Fonte: t4t5/sweetalert

Existe uma chance de ser capaz de adicionar classe para confirmar / cancelar botões? também desabilite estilos embutidos.
Algo assim:

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

Obrigado!

Fonte

marcemira

👍5

Comentários muito úteis

+1
BTW, usando confirmButtonColor: '' remove o material embutido;)

ClemRz em 15 jun. 2016

👍6 🎉4

Todos 7 comentários

+1, especialmente para remover o estilo embutido (deve usar classes)

adrian-e em 24 set. 2015

👍1

pbassut em 14 nov. 2015

Pleeeeeeasse remova os estilos embutidos !! Acho que é um grande problema. Todo mundo precisa dar um novo estilo ao sweetalert que o está usando a sério.

Estou usando sass e bootstrap, então só precisaria de algo assim:

.sweet-alert button.confirm {
@extend .btn-primary;
}
.botão de alerta-doce.cancel {
@extend .btn-default;
}

em vez de copiar páginas de código css do bootstrap e definir! important em todos os lugares (que é um anti-padrão fácil de evitar), faça o mesmo.

antidote2 em 11 dez. 2015

👍3

charlex em 11 dez. 2015

+1
É uma pena que isso seja ignorado, é um obstáculo, não posso usar isso - editar estilos em dois lugares é uma má ideia, sem mencionar os estilos embutidos.

Stiropor em 22 mar. 2016

+1
BTW, usando confirmButtonColor: '' remove o material embutido;)

ClemRz em 15 jun. 2016

👍6 🎉4

Os estilos embutidos foram removidos no SweetAlert 2.0. Você também pode adicionar suas próprias classes usando as novas opções de botão . Para obter mais informações, consulte o guia de atualização