Komponen halaman kustom - DingTalk Help Center

Fitur	Paket Luang	Edisi Basic	Edisi Professional	Edisi Dedicated
Halaman kustom	Tidak didukung	Tidak didukung	Didukung	Didukung

1. Pengantar

Komponen pada halaman kustom memiliki atribut konfigurasi yang lebih kaya dan fleksibel dibandingkan komponen pada halaman formulir. Untuk contoh penggunaan komponen, lihat Developer Center. Komponen pada halaman kustom dikelompokkan ke dalam kategori [Tata letak], [Dasar], [Formulir], [Premium], dan [Lainnya]:

1.1 Komponen halaman kustom dan kegunaannya

Nama komponen	Kegunaan
Teks	Menampilkan konten teks.
Gambar	Menampilkan konten gambar.
Ikon	Memilih dari beragam gaya ikon.
Tautan	Menambahkan URL yang mengarah ke halaman terkait saat diklik.
Blok tautan	Komponen kontainer yang memicu navigasi saat elemen apa pun di dalamnya diklik.
Tombol	Memicu tindakan melalui peristiwa tombol — misalnya, klik tombol untuk mendapatkan waktu saat ini.
Pemutar video	Memutar video pada halaman dengan beragam opsi pemutaran.
Dialog	Digunakan pada skenario berikut: • Menampilkan notifikasi kepada pengguna • Meminta pengguna mengonfirmasi suatu tindakan • Meminta pengguna menyelesaikan tugas tanpa berpindah halaman dan mengganggu alur kerja
Drawer	Digunakan pada skenario berikut: • Menampilkan notifikasi kepada pengguna • Meminta pengguna mengonfirmasi suatu tindakan • Meminta pengguna menyelesaikan tugas tanpa berpindah halaman dan mengganggu alur kerja
Spreadsheet	Menampilkan data dari formulir atau formulir alur kerja dalam bentuk tabel.
HTML	Memungkinkan pengembangan fitur kustom. Desain halaman memerlukan pengetahuan front-end — minimal pemahaman dasar tentang HTML, CSS, dan JS.
JSX	Merender komponen yang sepenuhnya kustom menggunakan kode JSX. Umumnya digunakan untuk skenario tampilan saja.
Carousel	Menampilkan beberapa gambar secara berulang dalam mode putaran.
Tooltip balon	Saat melakukan iterasi data pada halaman kustom, konten yang panjang mungkin terpotong. Gunakan tooltip balon untuk menampilkan konten lengkap ketika kursor diarahkan.
Panel ciutkan	Ketika sebuah halaman memiliki terlalu banyak komponen, gunakan panel ciutkan untuk melipatnya dan mengurangi kekacauan tampilan.
Banner bawah	Menambahkan konten yang ditempatkan di bagian bawah halaman dengan lebar penuh.
Iframe	Menyematkan konten dari halaman web lain ke halaman designer saat ini. Umumnya digunakan untuk skenario tampilan saja.
Indikator progres	Menampilkan progres suatu proyek.
Paginasi	Gunakan komponen ini untuk membagi data yang ditampilkan pada halaman kustom menjadi beberapa halaman.
Cari	Saat menggunakan komponen Spreadsheet pada halaman kustom, gunakan komponen Cari untuk menemukan rekam data tertentu.
Filter	Saat menampilkan data dalam tabel kustom, pencarian pada bilah atas hanya dapat memfilter satu kolom. Gunakan komponen Filter untuk mencari di beberapa kolom sekaligus.
Menu	Gunakan halaman kustom sebagai daftar isi, dengan item menu yang mengarah ke halaman lain.
Pohon	Gunakan komponen pohon untuk menjelajahi suatu kategori beserta subkategorinya.
Lini Masa	Umumnya digunakan untuk menampilkan riwayat perusahaan atau tonggak penting sebuah proyek.
Langkah	Komponen indikator langkah untuk halaman kustom. Cocok untuk alur multi-langkah seperti input data onboarding karyawan atau registrasi akun, memberikan pengingat progres saat pengisian informasi dasar.