Peningkatan Indentasi Item Sub Menu di Sidebar pada PHPMaker 2019

Di balik ringannya AdminLTE3 yang digunakan pada Aplikasi Web yang dibangkitkan oleh PHPMaker 2019, terdapat satu lagi kekurangan yang wajib untuk disempurnakan. Apa itu?

Setelah di artikel sebelumnya kita membahas mengenai Teks yang panjang di suatu Item Menu, maka lagi-lagi kali ini kita masih fokus pada Menu; atau lebih tepatnya: Sub Menu, yang ditampilkan di Sidebar. Kita akan meningkatkan satu lagi fitur indentasi Sub Menu yang terdapat di Sidebar.

Seperti yang sudah kita ketahui, jika suatu Item Menu memiliki Item Sub Menu, maka posisi paling kiri dari Item Sub Menu tersebut akan selalu sama pada posisi paling kiri dari Item Menu atau induknya. Tentu saja hal ini sering membingungkan Pengguna Akhir Aplikasi, karena mereka sulit untuk membedakan mana saja Item Sub Menu milik Menu induknya.

Biasanya, untuk membedakan antara Item Menu (induk) dan Item Sub Menu (anak), maka kita menambahkan indentasi pada Item Sub Menu supaya terlihat mengarah lebih ke dalam. Artinya, kita harus menambahkan ruang di sebelah kiri dari Item Sub Menu, sehingga antara induk dan anaknya menjadi mudah untuk dibedakan.

Bayangkan jika di Aplikasi Web yang Anda bangun terdapat banyak Item Menu yang level-nya 2, 3, atau 4. Jika kita tidak membuat indentasi di setiap Sub Menu, maka Pengguna Akhir akan merasa kesulitan untuk membedakan mana Item Sub Menu milik item Menu tertentu.

Kini Anda tidak perlu khawatir lagi, karena hari ini saya berhasil menambahkan fitur ini ke dalam Masino Extensions untuk PHPMaker 2019. Cukup download ulang lagi Masino Extensions untuk PHPMaker 2019 dari situs ILovePHPMaker.com, lalu timpa yang lama dengan yang baru Anda download tadi, lalu generate ulang semua file script seperti biasa dengan menggunakan PHPMaker 2019 dan Masino Extensions tersebut.

Jika sudah selesai di-generate, maka Anda akan melihat indentasi di sebelah kiri dari setiap Item Sub Menu pada Sidebar yang sedang terbuka. Meskipun sekarang kita bisa melihat indentasi tersebut, namun jika Sidebar tadi kita ubah menjadi Sidebar-Mini, maka Item Sub Menu tadi akan kembali menjadi rata kiri lagi; sama seperti Item Menu induknya.

Hal ini untuk membuat tampilan icon pada setiap Item Menu dan Sub Menu menjadi rapi kembali di Sidebar yang statusnya dalam keadaan Sidebar-Mini. Demikian juga ketika Pengguna menggeser kursor mouse ke atas Sidebar, maka indentasi tadi tidak akan diterapkan, karena statusnya masih Mini-Sidebar.

Supaya dapat melihat efek indentasi tadi, maka pastikan Sidebar dalam keadaan terbuka atau Expanded (bukan Sidebar-Mini). Anda bisa menikmati fitur indentasi pada Item Sub Menu ini, maksimal sampai 7 Level Sub Menu. Wow, keren kan? 😉

Jika Sub Menu yang Anda gunakan lebih dari 7 Level, maka hanya 7 Level Sub Menu pertama saja yang menggunakan indentasi. Harap maklum, karena 7 Level Sub Menu ini sudah cukup dalam.

Supaya tidak penasaran, Anda bisa melihat demonya dari beberapa link berikut:
– Demo Indentasi Sub Menu maksimal sampai dengan 7 Level menggunakan Masino Extensions pada PHPMaker 2019
– Stock Inventory Management
– Demo Masino Extensions pada PHPMaker 2019 dan PHP Report Maker 12

Kini hidup Web Developer menjadi semakin menyenangkan lagi ketika menggunakan PHPMaker 2019 dan Masino Extensions. Mengapa? Karena untuk urusan yang seperti di atas tadi tidak perlu lagi pusing-pusing Anda pikirkan. Semuanya sudah ditangani dari dalam Masino Extensions.

Itu artinya, Anda jadi hanya perlu berkonsentrasi menerapkan proses bisnis Anda ke dalam project PHPMaker. Waktu pengembangan Aplikasi Web pun bisa menjadi lebih cepat, tanpa mengabaikan kualitas dari Aplikasi Web yang Anda bangun.

Semoga bermanfaat ya. 🙂