PWA Nested Page
Nested Pages (Halaman bersarang) membolehkan anda untuk menyusun sebuah halaman dalam halaman lain dalam aplikasi anda.
Sebagai contoh, anda boleh membuat halaman utama "Sosial" dan menyusun semua halaman media sosial untuk Facebook, Twitter, dan Instagram di dalam halaman ini.
Untuk membuat Nested Page, ikut arahan di bawah:
Langkah 1: Log masuk ke Dashboard aplikasi anda.
Langkah 2: Navigasi ke bahagian Build (Bina) dan klik Pages (Halaman).
Langkah 3: Klik pada tanda + di sebelah bahagian Pages. Jika anda belum membuat Pages utama, di bawah mana anda ingin menyusun halaman, buat Pages utama sebagai Halaman Standard. Setelah halaman utama dibuat, klik semula tanda + di sebelah bahagian Pages (Halaman) di bawah Bina (Build) untuk membuat Nested Page.
Langkah 4: Pilih pilihan “Nested Page" dan klik Seterusnya.
Langkah 5: Berikan tajuk untuk Nested Page dan pilih Main Pages (halaman Induk) dari menu dropdown. Klik butang Add Page (Tambah Halaman).
Langkah 6: Nested Pages anda akan ditunjukkan di bawah Main Page (halaman induk) dalam bahagian Build -> Pages.
Langkah 7: Sekarang klik pada Nestedt Page dan tambah mana-mana komponen dengan mengklik tanda + di sebelah tajuk halaman.
Langkah 8: Tambah mana-mana komponen yang ingin anda paparkan di Nested Page. Dalam contoh di bawah, kami menambah komponen Facebook.
Langkah 9: Komponen ini akan dipaparkan di halaman bersarang. Nested Page akan dipaparkan di bawah halaman induk yang anda pilih.
Di Appshell, menu aplikasi anda akan menunjukkan Nested Page seperti di bawah:
Menukar Main Page (halaman Standard) yang sedia ada menjadi Nested Page.
Anda juga boleh menyusun halaman yang sedia ada di dalam halaman lain. Hanya navigasi ke halaman di bawah bahagian Build -> Pages dalam Dashboard aplikasi anda.
Pilih halaman yang dikehendaki dan klik pada pilihan tetapan (setting).
Tukar jenis halaman kepada “Nested Page” dari menu dropdown.
Setelah anda memilih Nested Page, anda juga harus menyatakan halaman Induk (main page) di bawah mana halaman ini akan disusun. Ini akan menyusun halaman di bawah halaman Induk yang dipilih.
Menyusun Nested Page.
Anda juga boleh menyusun Nested Page dengan menyeret dan melepaskannya ke dalam halaman induk.
Nota: Anda juga boleh menukar Main Page (halaman Induk) bagi Nested Page pada kemudian hari.
Sila terbitkan (Publish) aplikasi anda setelah anda membuat perubahan, untuk memastikan ia dipaparkan dengan betul pada aplikasi mudah alih anda.