Coba bayangkan sebuah aplikasi web pada setiap halaman List yang menampilkan data dalam bentuk tabel, di sebelah atasnya ada satu area bernama Panel Pencarian, dan lajimnya dikenal sebagai Search Panel.
Search Panel ini memiliki kemampuan untuk membuka (expand) dan menutup (collapse) ketika user mengklik icon kaca pembesar di sekitar panel tersebut.
Katakanlah secara default, Search Panel ini statusnya dalam keadaan expanded atau terbuka saat halaman List tadi dimuat pertama kali.
Lalu, kalian melakukan pencarian dengan mengetikkan kata kunci tertentu, klik tombol Search, dan selanjutnya system akan menampilkan hasil pencarian pada tabel di bagian bawahnya. Sampai di sini, Search Panel masih tetap expanded.
Karena hasil pencarian terdiri dari beberapa halaman, maka kalian harus mem-browse ke halaman 2, 3, dan seterusnya. Nah, saat kalian membuka halaman 2, 3, dan seterusnya tadi, maka Search Panel tadi akan tetap dalam keadaan expanded atau terbuka.
Sekalipun kalian sudah mengklik icon kaca pembesar untuk menutup (collapse) Search Panel tadi, tapi setelah kalian browse ke halaman lain, maka system akan tetap menampilkan Search Panel tadi dalam keadaan terbuka (expanded).
Kalau sudah begini, siapa yang tidak merasa kesal? Bohong namanya kalau kalian tidak kesal karena yang tadinya kalian sudah berusaha menutup (collapse) Search Panel setelah kalian melakukan pencarian, tapi saat browsing ke halaman berikutnya, Search Panel tadi tetap saja kembali dalam keadaan expanded!
Aku salah satu yang sangat kesal melihat kondisi tadi! Begitu mengetahui hal tersebut, langsung aku tergelitik untuk segera mencari solusi bagaimana untuk mengatasi permasalahan tadi! Untungnya, PHPMaker memiliki fitur Extensions yang bisa dioptimalkan.
Dengan menggunakan Masino Extensions for PHPMaker 2026, maka sekarang kalian tidak akan kesal lagi. Aku melakukan improvisasi pada fitur Search Panel pada aplikasi yang dihasilkan oleh PHPMaker tadi menjadi dinamis alias dapat mengingat status yang terakhir, apakah collapsed atau expanded.
Hal ini sangat membantu buat kalian yang di bagian Search Panel nya memiliki banyak field atau ruas sehingga menggunakan banyak space di bagian atas tabel pada halaman List. Dengan menutup Search Panel tersebut, maka kegiatan browse data ke halaman lain pada tabel tadi menjadi lebih menyenangkan.
User tidak lagi merasa terganggu atau kesal dengan kondisi Search Panel yang tetap statis alias tidak bisa mengingat status terakhir setelah diklik oleh user. Inilah alasan yang semakin membuktikan bahwa Masino Extensions itu sudah harus kalian gunakan.
Tidak hanya itu saja. Improvement lainnya yang aku lakukan di bagian Search Panel adalah dengan menambahkan Panel yang sesungguhnya untuk mengelilingi area yang menampilkan field-field di bagian tersebut.
Dengan cara ini, maka Search Panel menjadi benar-benar sesuai dengan artinya, yaitu Panel yang membungkus atau mengelilingi area pencarian, tempat dimana user bisa memasukkan kriteria pencarian melalui satu dan/atau lebih field.
Seperti yang kita ketahui, Search Panel pada aplikasi web yang hanya dihasilkan oleh PHPMaker 2026, belum memiliki Panel. Kondisi ini sering kali membingungkan, karena istilahnya Search Panel, tapi justru tidak memiliki Panel!
Selain tidak memiliki Panel, hal ini menjadi terlihat jelek, tidak estetik, dan juga tidak eye-catching! Field-field yang ditampilkan di bagian Search Panel tadi terkesan menjadi tidak rapi, karena tidak ada Panel yang membungkus atau mengelilinginya!
Sekali lagi, dengan menggunakan Masino Extensions for PHPMaker 2026, maka hal itu sudah disolusikan dengan sangat mudah. Kalian tidak perlu lagi pusing-pusing untuk memikirkan bagaimana cara membuat Panel di Search Panel tersebut.
Cukup gunakan Masino Extensions for PHPMaker 2026 di setiap project PHPMaker kalian!
Mau melihat buktinya? Silahkan klik di sini. Login menggunakan username admin dan password master. Setelah berhasil login, klik menu OTHER TABLES -> Orders, lalu cobalah klik icon kaca pembesar di bagian atas tabel pada halaman List tersebut, untuk menutup atau membuka Search Panel tersebut.
Cobalah juga untuk melakukan pencarian, dan setelah hasil pencarian ditampilkan, maka klik icon kaca pembesar untuk menutup Search Panel tersebut, lalu browse ke halaman berikutnya. Kalian akan melihat bahwa status Search Panel akan menjadi collapsed.
Setelah browse ke halaman lainnya masih pada menu Orders tadi, kalian klik lagi icon kaca pembesar untuk membuka (expand) Search Panel tersebut. Setelah itu, cobalah browse lagi ke halaman berikutnya untuk membuktikan bahwa Search Panel sekarang akan tetap dalam keadaan expanded.
Tinggalkan Balasan