Sampai dengan versi 2026, PHPMaker masih menggunakan AdminLTE sebagai theme dari aplikasi web yang dihasilkannya. Kita bisa mengubah pengaturan yang terkait Sidebar ini dengan menulis sedikit kode PHP pada bagian Global Code.
Misalnya kita ingin agar Sidebar ditampilkan dalam mode sidebar-mini, maka cukup tambahkan kode ini ke Global Code di bawah bagian Server Events:
Config("BODY_CLASS", Config("BODY_CLASS") . " sidebar-mini");
Kode itu artinya kita menambahkan (bukan menimpa) class sidebar-mini ke dalam konfigurasi BODY_CLASS. Setelah itu pastikan generate file src/userfn.php.
Selanjutnya pada aplikasi web yang dihasilkan oleh PHPMaker 2026 tersebut, saat Sidebar kita collapse lewat tombol hamburger menu, maka Sidebar akan berubah menjadi sidebar-mini. Sampai di sini segalanya nampak berhasil.
Tapi sayangnya, saat kita memuat ulang halaman yang terbuka dengan cara refresh atau reload di browser, atau jika kita membuka halaman lain, maka saat system memuat ulang aplikasi web, Sidebar akan tampil sepersekian detik dalam mode expanded, dan setelah itu berubah menjadi sidebar-mini.
Kondisi ini tentu saja membuat user tidak nyaman setiap kali membuka menu atau halaman yang baru. Perubahan dari setting standar yang expanded lalu berubah menjadi sidebar-mini tadi meskipun kurang dari 1 detik akan mengganggu konsentrasi user dalam menggunakan aplikasi web tersebut.
Isu yang terkait dengan sidebar-mini tersebut tidak berhenti sampai di situ saja. Isu lainnya yang aku temukan jika menggunakan sidebar-mini pada aplikasi web yang hanya dihasilkan oleh PHPMaker 2026 adalah adanya celah besar antara konten di sebelah kanan dari Sidebar dengan Sidebar itu sendiri.
Isu ini ketahuan ketika mode sidebar-mini tadi, aku mencoba me-resize atau mengurangi ukuran jendela browser dengan cara menyeret ujung kanan bawah browser secara perlahan, maka terdapat celah besar antara konten dengan bagian Sidebar.
Bahkan, saat itu Sidebar tidak berubah menjadi sidebar-mini, tapi ke mode off-canvas alias disembunyikan. Dan pada saat itu pun terjadi, akan tetap ada celah atau space kosong antara Sidebar yang hilang tadi dengan sebelah kiri dari bagian konten halaman.
Dengan menggunakan Masino Extensions for PHPMaker 2026, maka semua isu itu sudah tidak terjadi lagi. Saat halaman dimuat berikutnya, maka Sidebar langsung ke mode sidebar-mini. Tidak lagi terjadi perubahan dari mode expanded ke sidebar-mini, walau hanya sepersekian detik.
Solusinya sudah ditangani dengan menambahkan logic yang akan selalu mengingat status Sidebar yang terakhir, tanpa sama sekali terjadi delay perindahan expanded ke collapsed sepersekian detik.
Isu space atau celah lebar antara Sidebar dan konten halaman pun sudah disolusikan dengan menggunakan Masino Extensions for PHPMaker 2026. Kalian tidak perlu bingung lagi bagaimana cara mengatasinya.
Tidak hanya itu saja. Improvement Sidebar lainnya adalah dengan menambahkan kemampuan system untuk selalu mengingat posisi item menu yang terakhir diklik user di Sidebar. Saat halaman di-link-kan ke item menu pada Sidebar tadi dimuat berikutnya, maka posisi item menu tersebut akan diingat oleh system, dan langsung diposisikan sesuai dengan posisi terakhir di Sidebar.
Improvement tersebut akan meningkatkan user experience karena user dapat dengan mudah dan cepat mengetahui item menu yang terakhir diklik. Mereka tidak perlu lagi mengingat-ingat atau bahkan melakukan scroll ke atas atau ke bawah secara manual, untuk melihat item menu yang terpilih atau sedang aktif.
Improvement yang terakhir adalah dengan menambahkan kemampuan system untuk mengingat juga item menu milik table tertentu, sekalipun yang sedang dibuka oleh user bukan halaman List dari table tadi. Masih bingung maksudnya seperti apa?
Jadi begini. Seperti yang kita ketahui, kebanyakan aplikasi web hanya akan meng-highlight atau menambahkan status aktif pada item menu, entah itu di Sidebar atau pun di Navbar, milik halaman List dari table yang bertalian. Tapi sayangnya kemampuan ini tidak berlaku untuk halaman lain yang terkait dengan table tadi, seperti Add, Edit, dan View.
Nah, dengan menggunakan Masino Extensions for PHPMaker 2026, maka sekalipun user sedang membuka halaman Add atau Edit atau View dari suatu table, maka system akan selalu meng-highlight item menu dari table yang bertalian, baik jika berada di Sidebar maupun di Navbar.
Sekedar untuk diketahui saja. PHPMaker 2026 belum menangani highlight item parent menu jika misalnya item menu child diklik, dan lokasinya berada di Navbar. Nah, dengan menggunakan Masino Extensions, maka hal itu juga sudah diatasi.
Hal ini sangat terasa sekali membantu user untuk mengetahui dengan cepat, bahwa saat ini dia sedang membuka halaman yang terkait dari item menu yang sedang aktif di Sidebar atau di Navbar tersebut.
Lagi-lagi, hal ini juga semakin meningkatkan user experince saat menggunakan aplikasi web yang dibangkitkan oleh Masino Extensions for PHPMaker 2026. Terasa sekali bedanya antara aplikasi web yang hanya dihasilkan oleh PHPMaker 2026 saja, dengan aplikasi web yang dihasilkan oleh Masino Extensions for PHPMaker 2026.
Untuk membuktikannya, silahkan coba sendiri melalui demo aplikasi web ini. Login menggunakan username admin dan password master, lalu klik menu OTHER TABLES -> Orders, setelah itu klik menu View atau Edit dari salah satu data yang terdapat di table tersebut, maka kalian akan melihat bahwa item menu Orders di Sidebar akan tetap aktif atau ter-highlight.
Tentu saja kalian juga bisa membuktikan sendiri hasil improvement lainnya di atas, seperti yang sudah aku jelaskan sebelumnya tadi, melalui aplikasi web demo tersebut.
Tinggalkan Balasan