Struktur Form Isian

Setelah tombol Tambah Data atau Ubah Data diklik di halaman modul data (lihat Struktur Halaman Modul), sistem akan menampilkan form isian di mana data yang bersangkutan dapat diisi atau diubah.

Ada dua bentuk form isian:

• Form Isian Biasa
• Form Isian Modal

Masing-masing bentuk dijelaskan berikut ini.

Form Isian Biasa

Form Isian Biasa menggantikan tampilan halaman modul. Contoh form isian ini terlihat di gambar berikut. Gambar itu juga menunjukkan unsur yang umum ditemukan di form isian.

Unsur Form Isian Biasa dijelaskan berikut ini:

• di bagian atas sering ditemukan tombol untuk kembali ke halaman daftar data terkait. Dalam contoh di gambar di atas, tombol itu akan navigasi ke halaman Daftar Staf Pemerintahan Desa
• kolom isian data adalah tempat mengisi atau mengubah data. Seperti terlihat di contoh di atas, kolom isian bisa terdiri dari satu atau lebih bagian.
• tombol Batal, di bagian bawah kiri, yang akan mengembalikan data ke bentuk semula sebelum dilakukan perubahan.
• tombol Simpan, di bagian bawah kanan, yang akan menyimpan perubahan data. Sesudah diklik, sistem akan navigasi ke halaman daftar data dari mana form isian ini dibuka. Pada contoh di gambar di atas, sesudah tombol Simpan diklik, sistem akan menampilkan halaman Daftar Staf Pemerintahan Desa.

Form Isian Modal

Form Isian Modal ditampilkan sebagai form modal di atas halaman modul. Contoh form isian ini terlihat di gambar berikut. Gambar itu juga menunjukkan unsur yang umum ditemukan di form isian.

Unsur Form Isian Modal dijelaskan berikut ini:

• kolom isian data adalah tempat mengisi atau mengubah data.
• tombol Simpan, di bagian bawah kanan dengan warna biru, yang akan menyimpan perubahan data. Sesudah diklik, form isian akan ditutup, sehingga halaman data semula (yang ada di bawah form isian) akan terlihat kembali.
• tombol Tutup, di bagian bawah di sebelah kiri tombol Simpan dengan warna biru, yang akan menutup form isian tanpa menyimpan perubahan data. Sesudah diklik, form isian akan ditutup, sehingga halaman data semula (yang ada di bawah form isian) akan terlihat kembali.
• tombol Batal, di bagian bawah di sebelah kiri dengan warna merah, yang akan mengembalikan data pada isian semula.
• tombol x, di bagian atas di sebelah atas dengan warna abu-abu, yang akan menutup form isian tanpa menyimpan perubahan data. Sesudah diklik, form isian akan ditutup dan dibersihkan dari input yang ada sebelumnya.

*catatan : tombol batal hanya digunakan jika pada modal terdapat input data

Contoh :

• Modal menggunakan tombol batal. (benar)

• Modal menggunakan tombol tutup. (benar)

• Modal yang seharusnya menggunakan tombol batal namun yang digunakan adalah tombol tutup. (salah)

Jika hanya untuk menampilkan informasi semetara atau untuk melakukan konfirmasi, bisa menggunakan sweetallert. Contoh :