Customs Toastr Js với Rails – Part 1: Toastr Js with flash message.

Hi all,

Nếu đã lập trình rails hẳn bạn đã nhiều lần custom flash message cho phù hợp với dự án đang làm, chắc hẳn chúng ta thường custom cho phù hợp với bootstrap flash message. Tuy nhiên nó cũng gây ra hiện tượng nhàm chán với cách nhìn của chúng ta.

Lục lọi trên mạng và nhớ lại các notice js đã từng xem qua, mình thấy hiện tại toastr js làm công việc hiển thị các notice message này khá trang nhã, hôm nay mình xin giới thiệu custom flash message với toastr js.

* Điểm qua đôi nét về Toastr js:

Github của dự án

Có thể làm việc tốt trên các trình duyệt (khá tuyệt vời) 😀 :

 – Works in IE8+, FireFox 21+, Chrome 26+, Safari 5.1+, most mobile browsers

* Cài đặt:

Có thể dùng bower rails  hoặc tải js và css về và require vào rails app bình thường

–> Ok xong phần cài đặt.

*Custom flash message with toastr js

Và thêm dòng sau vào layout bạn muốn dùng (Ở đây mình dùng với layout là application.html)

Tận hưởng thành quả nào…

==> Khá đẹp và khá tinh tế. 🙂

toastr-simple-javascript-toast-notifications

 

Với toastr bạn có thể custom được nhiều thứ khác nữa. Bài viết sau có thể mình sẽ hướng dẫn các bạn custom toastr js với việc nhúng 1 form làm việc vào bên trong. 🙂

Thân.

 

Leave a Reply