Form
Signature Pad
Mengambil tanda tangan yang disimpan sebagai gambar PNG
Signature Pad digunakan untuk mengambil tanda tangan pengguna langsung di form, misalnya tanda tangan pegawai atau penerima barang. Tanda tangan digambar dengan mouse, jari, atau stylus. Hasilnya diunggah sebagai file PNG berlatar transparan, sama seperti lampiran File Upload.
Mapping ke Engine
| Tipe Variable | Tipe Kolom Report | Format Value | Contoh |
|---|---|---|---|
| String | text | metadata lampiran (JSON) | {"type":"file_attachment","attachment_id":"8f3c…","file_name":"employee_signature.png","mime_type":"image/png","size":7905,"uploaded_at":"2026-10-16T09:32:00+07:00"} |
Properties
- Name: Label komponen yang ditampilkan ke pengguna. Mendukung dua bahasa (EN & ID).
- Key: Mengikat komponen ke process variable yang menyimpan file PNG setelah form disubmit. Digenerate otomatis dan dapat disesuaikan.
- Pen color: Warna tinta, Black atau Studio blue.
- Canvas height: Tinggi bidang tanda tangan, 120 sampai 320 px dengan kelipatan 20. Default 180 px. Lebar selalu mengikuti form.
- Hide If: Ekspresi FEEL untuk menyembunyikan komponen. Komponen disembunyikan ketika ekspresi bernilai
true, dievaluasi ulang saat nilai field lain berubah. - Validation:
- Required: Tanda tangan wajib dibuat sebelum form disubmit.
Perilaku saat diisi
- Bidang kosong menampilkan petunjuk "Draw with a mouse, finger or stylus.". Halaman tidak ikut bergulir saat menggambar di bidang ini.
- Setelah menggambar, tampil jumlah goresan, misalnya "3 strokes · saved as PNG on submit".
- Undo menghapus goresan terakhir. Clear mengosongkan bidang dan nilainya.
- Tanda tangan diunggah sekali setelah pengguna berhenti menggambar, bukan per goresan.
- Bila wajib dan kosong, muncul Name diikuti "is required — sign in the box", misalnya "Employee signature is required — sign in the box".
- Saat task dibuka lagi, tanda tangan sebelumnya tampil dengan keterangan "Signed earlier. Draw to replace it, or Clear to remove it."
- Dalam mode baca saja, tanda tangan tampil sebagai gambar dan tidak bisa diubah.
- Tanda tangan tidak disimpan di draft.