Pada tulisan sebelumnya telah dibahas mengenai Meghilangkan Backdrop Modal Saat Close Modal, nah kali ini kita akan bahas bagaimana caranya untuk menonaktifkan atau disable bagian luar dari modal ini (backdrop). Dengan kata lain, ketika pop up modal muncul dan mouse diklik pada bagian luar pop up modal, maka modal yang bersangkutan akan tertutup. Hal ini biasanya sangan mengganggu user terutama ketika mengisi suatu form pada modal dan tidak sengaja terklik bagian luar, maka form yang telah diisi tersbut akan tertutup juga. Beruntung jika tidak menggunakan fungsi reset pada form.
Secara default, untuk menampilkan suatu modal pada javascript adalah sebagai berikut:
$('#id_modal').modal('show');
Namun code di atas ketika mouse melakukan klik pada bagian luar, maka modal akan tertutup juga. Nah, untuk melakukan disable agar pada bagian luar pop up modal tidak tertutup, kita hanya sedikit melakukan tambahan pada code diatas. Berikut codenya :
$('#formFilter').modal({backdrop: 'static', 'show':true});
Pada baris code diatas terdapat tambahan backdrop static dimana berfungsi untuk membuat backdrop menjadi static, sehingga ketika backdrop pop up modal diklik,pop up modal tidak akan tertutup. Nah, mudah bukan? selamat mencoba.
Leave a Reply