Pop-ups bonitos, responsivos e customizáveis em ASP.NET

Neste post rápido irei dar uma dica para quem precisa mostrar mensagens estilo pop-up e precisa de algo mais personalizado e bonito.

enter image description here

Sobre o SweetAlert

O SweetAlert é uma biblioteca javascript que deixa a criação de pop-ups muito mais fácil e rápida, não sendo necessário centralizar os pop-ups no centro da tela, pois o SweetAlert cuida disto tudo.

Instalação

O nuget já tem o SweetAlert, bastando apenas ir no nuget e digitar SweetAlert, ou no console do Visual Studio, digitar:

Install-Package SweetAlert

Usando o SweetAlert

Primeiro você precisa adicionar o SweetAlert no seu BundleConfigpara que seja importado ao seu projeto. Com isto feito podemos criar um exemplo bem simples usando apenas uma com uma linha que seria:

swal("Here's a message!");

que terá o seguinte resultado:

enter image description here

este exemplo mais simples se parece com um modal normal, só que com uma linha de código.

No site do SweetAlert há outros exemplos de uso.

comments powered by Disqus