Menu Navigasi Dinamik Menggunakan Penapis LuckyTemplates

Dalam tutorial ini, saya akan menunjukkan kepada anda cara anda boleh mencipta menu navigasi dinamik muktamad menggunakan penapis dalam LuckyTemplates. Ini akan meningkatkan pengalaman pengguna dalam laporan LuckyTemplates anda. Anda boleh menonton video penuh tutorial ini di bahagian bawah blog ini.

Anda mempunyai banyak pilihan dalam LuckyTemplates. Anda boleh mempunyai penapis yang ditunjukkan pada halaman dan menu navigasi yang menghalakan anda ke halaman yang berbeza dalam laporan anda. Anda boleh mempunyai menu penapis dinamik yang boleh dibuka dan ditutup apabila mengklik pada butang tertentu. Anda juga boleh membuat menu penapis dinamik sepenuhnya yang boleh dibuka apabila mengklik butang tetapi boleh ditutup apabila mengklik sekeliling.

Saya akan menunjukkan kepada anda cara membuat menu ini dan cara anda boleh melaksanakan teknik yang sama dalam laporan anda.

Isi kandungan

• Cara Menambah Menu Navigasi Dinamik
  • Mencipta Butang Kosong
  • Menamakan semula Elemen
  • Mengekalkan Susunan Lapisan
  • Mencipta Penanda Halaman Untuk Menu Navigasi Dinamik
• Kesimpulan

Cara Menambah Menu Navigasi Dinamik

Mula-mula, mari buka anak tetingkap Pemilihan dan anak tetingkap Penanda Halaman juga. Di bawah ialah laporan yang telah saya buat dan anda boleh lihat dalam anak tetingkap Pemilihan bahawa saya telah mencipta menu navigasi. Menu navigasi ini terdiri daripada semua elemen di dalam menu dinamik.

Adalah sangat penting untuk anda mengumpulkan semua elemen dan meletakkannya dalam susunan menurun. Jadi seperti yang anda lihat, saya mempunyai tajuk, penapis, bentuk, dan kemudian saya mempunyai butang tutup.

Mencipta Butang Kosong

Butang tutup ini sebenarnya adalah butang kosong, jadi mari kita buat satu.

Kami pergi ke Tab Sisip , kemudian Butang , dan kemudian pilih Kosong .

Ia adalah butang kosong yang diletakkan seperti ini, meliputi seluruh halaman, dengan meregangkannya sepenuhnya. Kemudian kita matikan Latar Belakang.

Menamakan semula Elemen

Seperti yang anda lihat, setiap elemen yang kami buat pada halaman akan ditunjukkan di bahagian atas Pilihan. Jadi kita perlu mengklik dua kali padanya dan menamakan semula elemen . Ia akan menjadi mudah untuk memahami perkara yang kita lihat.

Dan kemudian, kami seretnya ke kedudukan yang anda rasa perlu.

Anda boleh melihat bahawa saya juga mencipta imej kecil yang menunjukkan ikon, yang bermaksud bahawa penapis akan dikosongkan.

Mengekalkan Susunan Lapisan

Sekarang bahawa kita telah mencipta menu dan butang, menamakan item, dan mengumpulkannya bersama dalam susunan yang betul, kita perlu memastikan bahawa kita mengekalkan Susunan Lapisan . Ini bermakna bahawa setiap elemen pada halaman ini mesti mempunyai Susunan Lapisan Kekal dihidupkan . Ini sangat penting untuk memastikan menu sentiasa berada di bawah elemen menu yang lain. Ia adalah kes yang sama untuk butang Kosong, yang mesti berada di bawah Menu Bentuk kami.

Mencipta Penanda Halaman Untuk Menu Navigasi Dinamik

Perkara seterusnya yang perlu kita lakukan untuk menyediakan menu dinamik kita ialah membuat penanda halaman. Jadi, kami akan membuat penanda halaman dan namakannya, Navigasi Buka . Jika kami akan mengklik padanya, kami mempunyai lebih banyak pilihan dan kami dapat melihat bahawa kami mempunyai Data, Paparan, halaman Semasa dan Semua Visual yang dipilih secara lalai. Kami tidak mahu semua pilihan ini dipilih.

Sebagai contoh, jika kita telah memilih Data, dan pengguna akhir akan memilih medan lain pada halaman, katakan Semua Tarikh, apabila dia akan membuka menu, pemilihan itu tidak akan kelihatan pada skrin. Jadi kita tidak mahu begitu.

Kami juga tidak mahu Semua Visual dipilih. Kami hanya mahu mempunyai menu navigasi yang dibuka. Jadi kita akan klik pada Navigasi, kemudian klik pada Navigation Open, dan kemudian pilih Selected Visual.

Sekarang, kami ingin memberikan tindakan kepada butang ini . Jadi butang ini juga merupakan butang kosong yang mempunyai tindakan untuk pergi, katakan, Navigasi Terbuka, iaitu penanda halaman yang baru kami buat.

Jadi dengan penanda buku ini, halaman tidak akan berubah jika kita membuka menu. Sebagai contoh, jika saya membuat pilihan pada halaman, katakan 6 Bulan Terakhir, keputusan halaman berubah. Dan kemudian, apabila saya mengklik pada menu, anda dapat melihat bahawa semua pilihan yang saya lakukan sebelum ini masih ada.

Penanda buku kedua yang ingin kami lakukan ialah menu tutup. Jadi, mari kita panggil penanda halaman Navigation Close . Sekali lagi, kami pergi ke pilihan, keluarkan Data, kemudian pilih Visual Terpilih, dan kemudian kemas kini.

Untuk tindakan itu, kami pergi ke Butang Tutup Navigasi, kemudian pilih Navigasi Tutup.

Dengan itu, kita boleh membuka menu dan menutupnya jika kita mengklik di sekelilingnya. Jika kita klik di dalamnya, ia akan kekal terbuka.

Kesimpulan

Ini adalah langkah-langkah yang anda perlukan untuk mencipta menu navigasi dinamik. Anda perlu mencipta menu anda dengan butang, kumpulkan mereka bersama-sama dengan memberi mereka nama yang betul, dan pastikan semua elemen telah menghidupkan Susunan Lapisan Kekal.

Seterusnya, anda perlu membuat tindakan untuk membuka menu, penapis kosong pada halaman dan tiga penanda halaman.

Itu sahaja untuk hari ini. Saya harap anda mendapati tutorial ini berguna. Saya yakin bahawa dengan melaksanakan langkah mudah ini, anda boleh membuat jenis menu yang sama dalam laporan LuckyTemplates anda .

Semua yang terbaik!

Pengalaman Navigasi Laporan LuckyTemplates Berkualiti Tinggi
Aplikasi LuckyTemplates & Idea Navigasi Cemerlang
Teknik LuckyTemplates Drill Melalui Navigasi