Pada saat pembuatan aplikasi, Anda akan otomatis masuk ke tab Layout. Pada tab Layout terdapat Form page yang dapat membantu Anda untuk menambahkan, mengubah dan mengelola data dengan mudah. Berikut langkah-langkahnya.

1. Masuk ke menu Projects pada menu di sebelah kiri.

2. Pilih salah satu project tipe aplikasi yang sudah dibuat sebelumnya, klik tombol “Actions” dan pilih Edit.
   

3. Anda akan otomatis masuk ke tab Layout.
   

4. Di sini Anda dapat membuat page/menu baru atau bisa juga memilih menu yang sudah ada.
   

5. Untuk membuat form baru, klik tombol “Open page builder” pada bagian Components yang ada di sebelah kiri.
   

6. Klik “Form” lalu pilih Create from scratch.
   

   Berikut beberapa opsi untuk membuat form:
   1. Start with AI prompt
   Membuat form dengan bantuan AI, cukup tuliskan kebutuhan form seperti apa yang akan dibuat maka AI akan membantu untuk menentukan form input apa yang akan dibentuk.
   2. Create from scratch
   Membuat form dengan menentukan sendiri ada form input apa saja yang dibutuhkan pada menu tersebut.
   3. Create from datasource > Database
   Membuat form dengan memilih dari table database yang sudah ada, maka secara otomatis form akan terbentuk dengan form input yang menyesuaikan column table yang dipilih.
   4. Create from datasource > File upload
   Membuat form dengan mengunggah CSV file, maka secara otomatis form akan terbentuk dengan form input text untuk semua header yang ada pada CSV file.

7. Selanjutnya, Anda dapat memilih tipe form. Pilih Single form untuk halaman sederhana yang hanya membutuhkan satu table sebagai sumber data. Pilih Multiple form untuk kebutuhan menampilkan data dengan lebih dari satu table sebagai sumber data, data akan ditampilkan dengan tab atau halaman berlapis di dalam satu form.
   

8. Masukkan Form component name. Isi dari nama component ini akan otomatis dijadikan sebagai nama table dari form yang akan dibuat.
   

9. Klik tombol “Continue” untuk melanjutkan proses pembuatan form.

10. Lanjutkan untuk menyusun element atau field yang dibutuhkan pada form yang akan dibuat.
    

    Nama Elemen	Penjelasan
    Text	Kotak isian untuk teks singkat, seperti nama atau judul.
    Text Area	Kotak isian untuk teks panjang, seperti deskripsi atau catatan.
    Number	Isian angka bulat, misalnya jumlah barang.
    Number (Decimal)	Isian angka desimal, misalnya 12,5 atau 99,99.
    Currency	Isian angka dalam format mata uang tertentu.
    Single Selection	Memilih satu opsi dari daftar pilihan yang statis.
    Multiple Selection	Memilih lebih dari satu opsi dari daftar pilihan yang statis.
    Password	Isian kata sandi yang tersembunyi saat diketik.
    Toggle	Geser tombol untuk memilih "Ya/Tidak" atau "Aktif/Nonaktif".
    Radio	Memilih satu opsi dari beberapa pilihan (mirip Single Selection).
    Checkbox	Kotak centang untuk memilih satu atau beberapa opsi.
    Date	Memilih tanggal.
    Time	Memilih jam.
    Datetime	Memilih tanggal dan jam sekaligus.
    Timer	Mengatur hitungan waktu maju.
    Single Attachment	Mengunggah satu file atau gambar.
    Multiple Attachment	Mengunggah file atau gambar dengan jumlah yang sudah ditentukan.
    Dynamic Attachment	Mengunggah file atau gambar dengan jumlah fleksibel sesuai kebutuhan.
    Relation Record	Menghubungkan data dari tabel atau modul lain (hanya 1 data).
    Multiple Relation Record	Menghubungkan data dari tabel atau modul lain (bisa beberapa data).
    Relation Record External API	Menghubungkan data dari sistem luar melalui API (hanya 1 data).
    Multiple Relation Record External API	Menghubungkan beberapa data dari sistem luar melalui API.
    Separator	Garis pemisah untuk membagi bagian di dalam form.
    HTML	Menampilkan konten HTML seperti teks dengan format atau elemen desain.
    Digital Signature	Kolom untuk tanda tangan digital langsung di form.
    Dynamic Field	Kolom isian yang muncul atau berubah sesuai kondisi tertentu.
    Single Tag Selection	Memilih satu tag dari daftar.
    Multiple Tag Selection	Memilih lebih dari satu tag dari daftar.
    Maps	Menampilkan dan memilih lokasi pada peta.
    Slider	Mengatur nilai dengan menggeser penanda (slider).
    Progress Bar	Menampilkan kemajuan suatu proses dalam bentuk batang.
    Field Group	Mengelompokkan beberapa field menjadi satu bagian.
    Table Group	Mengelompokkan data dalam bentuk tabel di dalam form.
    Text Label	Menampilkan teks statis untuk informasi atau petunjuk di form.

11. Jika susunan elemen atau field sudah sesuai maka bisa dilanjutkan dengan klik tombol “Save”.

12. Setelah proses pembuatan form selesai maka akan otomatis diarahkan kembali ke tab layout dengan bagian Component yang sudah terisi. Proses pembuatan form akan otomatis menghasilkan 3 view yaitu Data display (table view), Form Create dan Form Edit.
    

Demikian penjelasan mengenai cara menyiapkan form page di Mekari Officeless. Selanjutnya, pelajari cara melihat tampilan dan testing aplikasi, di sini.