Bayangkan di sebuah aplikasi web yang memiliki Sidebar, tempat biasanya Menu berada. Salah satu Item Menu yang berperan sebagai Parent (dengan Sub-Menu di bawahnya), memiliki URL yang jika diklik akan membuka halaman tertentu.
Contoh, kita punya struktur menu berikut di Sidebar:
HELP
-- Help (Categories)
-- Help (Details)
-- About Us
-- Terms and Conditions
Dari contoh di atas, maka HELP merupakan Parent Menu, dan 4 Item Menu di bawahnya adalah Sub-Menu yang baru akan muncul jika menu HELP diklik.
Nah, pertanyaannya: Bolehkah Item Menu HELP memiliki URL pada PHPMaker 2023? Jawabannya tentu saja boleh. Bukan PHPMaker namanya jika fitur tersebut tidak bisa diimplementasikan.
Menu yang berperan sebagai Parent di Sidebar, sejak PHPMaker versi 2023.13 sudah diperbolehkan memiliki URL. Itu artinya, jika selama ini kita nyaris tidak pernah menggunakan URL pada Item Menu yang berperan sebagai Parent Menu di Sidebar (seperti pada contoh struktur menu di atas), maka sekarang kita sudah bisa menggunakan URL pada Parent Menu tadi.
Perhatikan struktur menu di bawah ini.
Help (Categories)
-- Help (Details)
-- About Us
-- Terms and Conditions
Bandingkan dengan struktur menu yang sebelumnya di atas tadi, dimana biasanya kita tidak menggunakan URL pada menu HELP. Jadi, kita bisa menghapus menu HELP, menyederhanakannya, dan sekaligus mengubah posisi item menu Help (Categories) menjadi Parent Menu.
Pertanyaan selanjutnya, lalu bagaimana cara membedakan antara ketika Pengguna Akhir ingin meng-expand item menu tersebut untuk melihat Sub-Menu apa saja di bawahnya, dan ketika Pengguna Akhir ingin menampilkan halaman berdasarkan URL tadi.
Untuk membedakannya, maka jika Pengguna Akhir ingin meng-expand Item Parent Menu tersebut, cukup dengan mengklik icon panah kiri (jika Sidebar berada di sebelah kiri), atau icon panah kanan (jika Sidebar berada di sebelah kanan; seperti jika menggunakan layout RTL – Right To Left).
Sedangkan jika Pengguna Akhir sekedar ingin membuka halaman dari link URL di Parent Menu tadi, maka cukup klik tulisan atau teks di Parent Menu tadi. Yang menariknya, ketika Parent Menu ini diklik (bukan dari icon panah kiri atau panah kanan), maka setelah sistem memuat halaman yang bertalian, Sub-Menu di bawahnya akan otomatis dalam keadaan expanded. Jadi, tidak perlu dua kali klik untuk meng-expand Sub-Menu di bawahnya.
Lalu bagaimana cara mengetahui sebuah Parent Menu memiliki URL atau tidak. Gampang! Untuk mengetahui apakah sebuah Parent Menu itu memiliki URL atau tidak, maka cukup dengan menggeser kursor mouse ke atas tulisan Parent Menu tadi. Jika kita melihat ada URL atau link pada bagian bawah browser, maka itu artinya Parent Menu tersebut memiliki URL.
Kalau semua itu bisa kita lakukan di Sidebar, maka kebalikannya, di Navbar hal tersebut tidak didukung. PHPMaker 2023 sudah memberikan peringatan sejak dini jika kita mengisi kolom URL pada Menu Editor, lalu mengaktifkan opsi Navbar Item, maka akan muncul pesan berikut:
Root level navbar menu item with sub menu does not support URL. Clicking the menu item will always open sub menu.
Itu artinya, Item menu yang memiliki Sub-Menu di bawahnya dan berada di level root pada Navbar, tidak mendukung pemakaian URL. Jika kita mengklik item menu tersebut, maka sistem akan membuka Sub-Menu melalui jendela dropdown menu. Seandainya kita tetap menambahkan URL untuk Parent Menu tersebut, maka sistem tidak akan pernah membuka halaman ke URL tersebut. Harap maklum, ya!
Kesimpulannya, sejak versi 2023.13, PHPMaker membolehkan kita untuk menggunakan URL pada Item Menu yang berperan sebagai Parent Menu di Sidebar. Di samping bisa berperan sebagai Item Menu pada umumnya, Parent Menu tersebut juga bisa berperan sebagai Dropdown Menu untuk menampilkan Sub-Menu di bawahnya.
Cukup hanya dengan sekali klik saja, apakah melalui teks Parent Menunya, atau melalui icon panah kiri/kanan di sebelahnya. Bedanya, kalau klik pada teks Parent Menu, maka Sub-Menu akan ditampilkan setelah halaman ke URL tadi dimuat ulang oleh browser. Sedangkan jika diklik pada icon panah di sebelah teks menunya, maka saat itu juga Sub-Menu akan ditampilkan karena menggunakan event di sisi Client.
Hal yang sama juga bisa Anda nikmati jika menggunakan Masino Extensions for PHPMaker 2023 yang bisa Anda download dari website ILovePHPMaker.com.
Sekedar untuk diketahui saja, bahwa sampai versi 2023.13.1, PHPMaker belum otomatis meng-expand Sub-Menu setelah teks pada Parent Menu yang memiliki URL diklik. Sedangkan jika menggunakan Masino Extensions for PHPMaker 2023, maka sudah otomatis meng-expand Sub-Menu yang bertalian.
Satu lagi alasan, mengapa sebaiknya Anda harus menggunakan Masino Extensions for PHPMaker.
Ingin lihat demonya? Klik di sini.
Tinggalkan Balasan