Tags

Tags digunakan untuk menginputkan beberapa teks pendek sekaligus dalam satu field, misalnya lini bisnis vendor atau kata kunci. Setiap tag tampil sebagai chip. Pengguna dapat memilih dari daftar saran atau mengetik tag baru.

Mapping ke Engine

Properties

• Name: Label komponen yang ditampilkan ke pengguna. Mendukung dua bahasa (EN & ID).
• Key: Mengikat komponen ke process variable yang menyimpan nilainya saat form disubmit. Digenerate otomatis dan dapat disesuaikan.
• Placeholder: Teks petunjuk di dalam field selama masih kosong. Mendukung dua bahasa (EN & ID).
• Suggestions: Daftar saran yang muncul saat pengguna mengetik. Saran dapat diubah, diurutkan dengan tombol naik/turun, dihapus, dan ditambah lewat Add suggestion.
• Allow new tags: Bila aktif, pengguna boleh mengetik tag di luar daftar saran. Bila mati, pengguna hanya dapat memilih dari saran.
• Maximum tags: Jumlah tag maksimal, 1 sampai 20. Default 5.
• Maximum characters per tag: Panjang maksimal satu tag, 5 sampai 60 karakter. Default 30.
• Tooltip: Teks bantuan singkat (maks. 255 karakter) yang muncul saat kursor diarahkan ke ikon informasi; diaktifkan lewat toggle.
• Disabled: Menonaktifkan komponen sehingga nilainya hanya bisa dibaca dan tidak dapat diisi.
• Hide If: Ekspresi FEEL untuk menyembunyikan komponen. Komponen disembunyikan ketika ekspresi bernilai true, dievaluasi ulang saat nilai field lain berubah.
• Validation:
  • Required: Minimal satu tag harus ditambahkan sebelum form disubmit.

Perilaku saat diisi

• Tekan Enter atau koma untuk menambah tag. Tekan Backspace di input kosong untuk menghapus tag terakhir. Klik × pada chip untuk menghapus tag itu.
• Saran dapat dipilih dengan tombol panah lalu Enter. Paling banyak 6 saran tampil, hanya yang belum ditambahkan dan memuat teks yang diketik.
• Di bawah field tampil hitungan, misalnya "1 of 5 tags · Enter or comma to add".
• Tag yang ditolak memunculkan pesan:
  • "Maximum of 5 tags reached" bila batas jumlah tercapai. Input menjadi nonaktif dengan teks "Limit reached".
  • "Tags can be up to 30 characters" bila tag terlalu panjang.
  • "“Jaringan” is already added" bila tag sudah ada. Perbandingan tidak membedakan huruf besar dan kecil.
  • "Pick a tag from the suggestions" bila Allow new tags mati dan teks tidak ada di saran.
• Bila Required aktif dan belum ada tag, muncul "Add at least one business line".
• Batas jumlah dan panjang tag hanya dicek di browser.