Pernahkah Anda ingin membuat halaman atau form Add, Edit, View, atau Search yang ditampilkan dalam Modal Dialog menjadi dapat digeser dan diseret menggunakan mouse (draggable)?
Saat Pengguna Akhir menampilkan Modal Dialog, seringkali mereka ingin agar Modal Dialog tadi dapat digeser ke posisi tertentu agar data tertentu yang berada di latar belakang Modal Dialog tadi menjadi kelihatan atau terbaca.
Jika Anda menggunakan PHPMaker 2024, maka kita dapat membuat Modal Dialog tadi menjadi draggable. Hanya dengan menambahkan kode berikut ke bagian Startup Script milik halaman List yang akan menampilkan Modal Dialog untuk halaman Add, Edit, View, atau Search tadi.
Hanya begini saja kodenya:
$('#ew-modal-dialog').draggable({
handle: ".modal-header"
});
Mudah dan cepat sekali, bukan? Bukan!
Tidak pakai lama, tidak perlu bertele-tele, langsung to the point!
Selebihnya sudah ditangani oleh PHPMaker. Cukup generate ulang semua file script seperti biasa, lalu nikmati hasilnya! Selesai!
Untuk mencoba menyeret atau menggeser posisi Modal Dialog tersebut, cukup klik dari bagian Header dari si Modal Dialog, lalu seret ke posisi yang diinginkan.
Sekarang bayangkan jika Anda membangun aplikasi web dari titik nol. Berapa lama Anda harus menulis kode untuk menangani semua logic dan antar muka aplikasi tersebut.
Dengan menggunakan PHPMaker, maka kita cukup menambahkan sedikit kode saja. Ya, sedikit kode saja! Hidup menjadi lebih menyenangkan.
Gak pakai stress, gak pakai pusing, tidur pun menjadi lebih nyenyak setiap malam!
Tinggalkan Balasan