99 views

in Plugins

Membuat Form Kartu Ujian Siswa Menggunakan Gravity Form #2

Postingan ini adalah lanjutan dari postingan gravity form #1. Form yang digunakan pada kasus ini pun masih menggunakan form yang berada pada postingan gravity form #1. Hanya saja form nya mengalami sedikit pengembangan guna menyelesaikan kasus ini. Sebagai gambaran pada kasus ini kita akan membuat form kartu ujian siswa dengan tampilan sebagai berikut

Jadi ada beberapa field yang kita tambahkan agar bisa sama persis tampilannya seperti gambar diatas.Baik kita mulai praktekkan saja.

Pertama, buatlah 3 field single line teks untuk NIS, NISN, Nama Siswa.  Dan rubahlah field label menjadi NIS, NISN dan Nama Siswa

field label

Kedua, buatlah field date untuk tanggal lahir dan rubah field label menjadi Tanggal Lahir

Ketiga, rubah data input type menjadi data field dan data format menjadi dd-mm-yyyy

Keempat, buatlah 2 field dropdown untuk kelas dan ruang

Kelima, isikan label dropdown kelas dengan nama kelas dan label dropdown ruang dengan nama ruang (perhatikan gambar)

label ruang

Keenam, masuk ke form lalu pilih settings

Ketujuh, scroll ke bawa sampai menemukan tulisan form button kemudian pada button text rubah menjadi simpan. Jika sudah klik settings.

Sekarang kita coba simulasi dan salah satu contoh hasilnya seperti gambar di bawah ini

hasil di menu entries form

Untuk lebih jelasnya silahkan tonton video simulasi ini

Write a Comment

Comment