Layout UI
NocoBase menyediakan layout desktop dan layout mobile. Keduanya dapat menggunakan fitur interface builder untuk membuat halaman serta mengonfigurasi Block, Field, dan Action di dalamnya.
Layout desktop merupakan pilihan default dan cocok untuk pengelolaan serta pemrosesan data sehari-hari di komputer. Jika membutuhkan navigasi dan halaman independen untuk perangkat mobile, kamu dapat menyiapkan layout mobile secara terpisah.
Layout desktop
Layout desktop dapat diakses melalui /admin secara default. Layout ini terdiri atas navigasi atas, navigasi samping, dan area konten halaman. Layout desktop cocok untuk skenario umum seperti mengelola Table, mengisi Form, dan melihat data.
Layout desktop juga mendukung tampilan responsif untuk layar sempit. Saat halaman dibuka di layar yang lebih sempit, navigasi, jarak, dan komponen umum akan disesuaikan agar lebih nyaman digunakan, sementara menu dan halaman desktop tetap sama.

Layout mobile
Layout mobile dapat diakses melalui /mobile secara default. Layout ini menggunakan bilah Tab bawah sebagai navigasi tingkat pertama serta menyediakan halaman, Link, dan Tab halaman khusus mobile.
Layout mobile cocok untuk aktivitas yang sering dilakukan melalui ponsel, seperti memasukkan data di lapangan, memproses persetujuan, menangani tugas, dan mencari data. Kamu dapat membuat dan meninjau halaman di browser komputer, lalu menggunakan kode QR untuk memeriksa hasilnya di ponsel.

Cara memilih
Secara default, gunakan layout desktop.
Hubungan antar-konfigurasi
Layout desktop dan layout mobile menggunakan sumber data serta data bisnis yang sama. Kamu dapat membuat halaman berbeda dari tabel data yang sama agar sesuai untuk setiap jenis perangkat.
Menu, route, dan konfigurasi halaman dikelola secara terpisah. Perubahan pada halaman desktop tidak otomatis memperbarui halaman mobile, dan perubahan navigasi mobile tidak memengaruhi navigasi desktop. Izin akses route untuk kedua layout juga perlu dikonfigurasi secara terpisah.
Tautan terkait
- Layout desktop — Membuat halaman desktop dan memahami perilaku responsif di layar sempit
- Layout mobile — Membuat navigasi dan halaman khusus mobile
- Routes Manager — Mengelola halaman, Link, dan menu desktop maupun mobile
- Konfigurasi izin — Mengatur menu dan halaman yang dapat diakses setiap role

