Cara membuat panel modal di Asp.Net

Langkah 1

Buka perangkat lunak Visual Studio di komputer pengembangan Anda. Buka aplikasi web dan klik pada formulir .NET yang ingin Anda gunakan untuk membuka jendela modal.

Langkah 2

Tarik kontrol panel dari kotak peralatan di sebelah kiri ke formulir terbuka. Visual Studio akan secara otomatis menggambar panel, tetapi Anda harus menggunakan mouse untuk mengubah ukuran panel dengan dimensi yang sesuai.

Langkah 3

Klik pada tab "Lihat kode" untuk mengubah ke kode HTML. Tambahkan properti berikut ke kode panel HTML:

id = "pnl"

Properti ini menciptakan pengidentifikasi unik untuk panel. Gunakan properti ini di kode JavaScript yang membuka jendela modal.

Langkah 4

Salin dan sisipkan kode berikut ke dalam tag HTML "head":

Langkah 5

Kembali ke tampilan desain formulir dan seret kontrol tombol dari kotak alat ke formulir. Tombol ini akan membuka jendela modal ketika pengguna mengkliknya. Tambahkan properti berikut ke definisi tag HTML dari tombol:

OnClientClick = "openWindow ();"

Fungsi ini mengeksekusi kode JavaScript dan ketika pengguna mengklik tombol.