> ## Documentation Index > Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt > Use this file to discover all available pages before exploring further. # Pengenalan desainer halaman kustom > Pelajari fitur desainer halaman kustom YiDA — toolbar atas, sidebar kiri, kanvas tengah, dan panel konfigurasi properti kanan — beserta cara menerapkan iterasi data loop dan tampilan paginasi. | **Fitur** | **Paket Luang** | **Edisi Basic** | **Edisi Professional** | **Edisi Dedicated** | | -------------- | --------------- | --------------- | ---------------------- | ------------------- | | Halaman kustom | Tidak didukung | Tidak didukung | Didukung | Didukung | ## 1. Kasus penggunaan Gunakan halaman kustom saat Anda perlu menampilkan data agregat dari sebuah aplikasi, misalnya item yang menunggu tindakan Anda, item yang Anda buat, atau item yang di-CC kepada Anda. Anda juga dapat mengonfigurasi tombol pintasan entri untuk mengirimkan formulir. ## 2. Ikhtisar Desainer halaman kustom terdiri dari empat bagian: toolbar atas, sidebar kiri, kanvas tengah, dan panel konfigurasi properti kanan. Bagian berikut menjelaskan fitur pada masing-masing area. ### 2.1 Toolbar atas #### 2.1.1 Pengaturan halaman Lihat [**Pengaturan halaman**](/id/yida/custom-page/pkfvyw) untuk detailnya. #### 2.1.2 Pintasan Desainer YiDA menyediakan satu set Pintasan keyboard, seperti ditunjukkan di bawah. #### 2.1.3 Riwayat Desainer YiDA memungkinkan Anda melihat Riwayat langsung di dalam desainer. Setiap penyimpanan tercatat secara otomatis, dengan hingga 50 catatan yang dipertahankan. Anda dapat meninjau 50 catatan penyimpanan terbaru, mengembalikan halaman ke salah satunya, dan memeriksa perubahan yang terjadi. ### 2.2 Sidebar kiri #### 2.2.1 Pohon outline Pohon outline memberikan tampilan Tata letak halaman yang lebih jelas. Anda juga dapat menggunakannya untuk menyeret atau menghapus komponen secara massal. * Klik dua kali sebuah node pada pohon outline untuk mengganti namanya, sehingga beberapa komponen dengan tipe yang sama mudah dibedakan. * Klik ikon sematkan di pojok kanan atas untuk menyematkan panel pohon outline di sisi kiri. * Tahan CMD / CTRL untuk memilih beberapa node (Pilih Banyak) pada pohon outline. Tonton Video berikut untuk melihat cara mengonfigurasinya. #### 2.2.2 Pustaka komponen Seret Komponen dari pustaka Komponen ke kanvas atau ke posisi tujuan pada pohon outline. Tonton Video berikut untuk melihat cara mengonfigurasinya. #### 2.2.3 Template Blokir Template Blokir hadir untuk meningkatkan efisiensi desain. Penggunaan template dan blok secara tepat mempercepat desain halaman Harian dan menegakkan pola desain yang konsisten. Untuk detailnya, lihat [**Template Blokir**](/id/yida/custom-page/eab1wa). #### 2.2.4 Sumber Data Sumber Data mendeklarasikan variabel lokal atau variabel jarak jauh, yang dapat digunakan untuk menampilkan Data secara dinamis. Anda dapat mengikat properti Komponen ke Sumber Data pada panel konfigurasi properti. Untuk detailnya, lihat [**Panel Sumber Data**](/id/yida/form/og76m2). #### 2.2.5 Panel tindakan Gunakan panel tindakan untuk menulis kode [JavaScript](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript) guna memenuhi kebutuhan yang lebih kustom. Untuk detailnya, lihat [Panel tindakan](/id/yida/developer-features/ocmxyv). #### 2.2.6 Panel internasionalisasi Gunakan panel internasionalisasi untuk mengelola teks multibahasa. Anda dapat mengikat properti Komponen ke data multibahasa pada panel konfigurasi properti. Untuk detailnya, lihat [Panel internasionalisasi](/id/yida/i18n/lhsepqfou1ll0g2g). ### 2.3 Kanvas tengah Kanvas adalah tempat Anda menata dan mengonfigurasi Komponen untuk membangun Halaman. Seret Komponen di kanvas dengan mengikuti petunjuk kursor untuk menyusun halaman, lalu salin atau hapus Komponen sesuai kebutuhan. Tonton Video berikut untuk detailnya. ### 2.4 Panel konfigurasi properti kanan #### 2.4.1 Pengaturan atribut Panel pengaturan Atribut digunakan untuk mengonfigurasi properti umum sebuah Komponen. Perubahan berlaku secara real-time pada kanvas. Perhatikan bahwa hasil pengikatan tindakan atau pengikatan variabel harus diverifikasi di lingkungan Pratinjau. #### 2.4.2 Panel pengaturan gaya Desainer YiDA menyediakan konfigurasi gaya untuk Komponen tertentu, seperti Komponen tampilan gambar-dan-teks. Untuk opsi gaya lainnya, lihat [**Pengaturan gaya**](/id/yida/form/gdnsgw). #### 2.4.3 Premium Bagian Premium digunakan untuk mengonfigurasi kebutuhan kustom sebuah Komponen. Catatan: * Untuk **Kondisi render**, lihat pengenalan rendering bersyarat. * Untuk **Loop**, lihat pengenalan rendering loop. * Untuk **Kunci unik render**, lihat pengenalan kunci unik render. ## 3. FAQ Komponen rincian saat ini belum mendukung paginasi. Sebagai solusi alternatif, gunakan Komponen Kontainer > Premium > Rendering loop yang dikombinasikan dengan komponen paginasi pada halaman kustom untuk mewujudkan iterasi data loop sekaligus paginasi. Kecuali formulir alur kerja dan formulir reguler, halaman lainnya mendukung hingga 100 grup izin. Formulir alur kerja dan formulir reguler masing-masing mendukung hingga 100 grup izin pengiriman dan 100 grup Izin Lihat.