Pasti sebagian besar di antara kita Web Developer yang selama ini sudah menggunakan PHPMaker 2021, ingin menghapus kata TOTAL: (beserta karakter titik duanya), dan membuat cetakan tebal atau bold pada baris Aggregate di Aplikasi Web yang dihasilkannya. Tidak hanya itu, teks pada baris ini juga sering kali harus dibuat menjadi rata kanan, supaya lebih mudah terbaca.
Penyesuaian ini sering sekali dibutuhkan, mengingat Aplikasi Web yang dihasilkan oleh PHPMaker 2021 masih belum bisa memenuhi kebutuhan tadi. Teks seperti TOTAL: atau RATA-RATA: atau JUMLAH:, masih muncul sebelum angkanya, dan cetakan hurufnya pun belum bold atau tebal, serta belum rata kanan.
Yang dimaksud dengan baris Aggregate adalah baris yang menampilkan fungsi Penjumlahan (TOTAL), Rata-Rata (AVERAGE), atau Jumlah Item (COUNT) pada halaman List yang menampilkan data dalam bentuk table. Baris ini letaknya pada bagian paling bawah dari table tadi.
Oke deh, langsung saja ya. Supaya lebih mudah mengikutinya, kita mencoba menerapkannya pada project demo2021 yang bisa Anda download dari website resmi PHPMaker.
Pertama sekali, pastikan kita sudah membuka project tersebut dengan menggunakan PHPMaker 2021, lalu pada panel Database, klik table orderdetails. Selanjutnya, klik field Quantity, dan di sebelah kanan, pastikan tab Fields sudah terbuka.
Setelah itu, pilih TOTAL dari kolom List Page -> Aggregate, untuk memastikan field Quantity tadi menggunakan fungsi penjumlahan.
Berikutnya, klik tab Code (Server Events, Client Scripts and Custom Templates, lalu lompat ke lokasi ini: Server Events -> Table-Specific -> Common -> Row_Rendered, lalu masukkan kode ini ke dalam function Row_Rendered() tersebut:
if ($this->RowType == ROWTYPE_AGGREGATE) {
$this->Quantity->ViewValue = "<div style='text-align: right; font-weight: bold;'>" . $this->Quantity->ViewValue . "</div>";
}
Kode di atas fungsinya untuk mengubah teks pada baris Aggregate pada field Quantity menjadi rata kanan dan cetakan tebal atau bold. Meskipun di kode tersebut kita sudah menghilangkan teks TOTAL:, namun bukan berarti hasilnya teks tersebut menjadi hilang.
Teks TOTAL: masih tetap kelihatan sebelum nilai penjumlahan tadi. Pertanyaan selanjutnya, bagaimana cara menghilangkan teks TOTAL?
Jawabannya, kita cukup menggunakan kode CSS. Caranya, klik icon HTML General Settings di toolbar PHPMaker 2021, lalu klik tab Styles -> User, kemudian masukkan kode berikut:
span.ew-aggregate {
display: none;
}
Kode ini berfungsi untuk menghilangkan teks TOTAL: (ya, beserta karakter titik duanya sekalian).
Timbul pertanyaan lagi, mengapa tidak menggunakan kode jQuery saja untuk menyembunyikan bagian tersebut?
Jawabannya, kita tidak menggunakan jQuery, karena jika menggunakan jQuery, saat halaman List ditampilkan, maka tulisan TOTAL: sejenak masih muncul, lalu setelah itu akan ada jedah waktu sepersekian detik sampai tulisan TOTAL: menjadi hilang.
Tentu kurang bagus dan terkesan tidak profesional Aplikasi Web tersebut. Oleh karena itu, sangat disarankan untuk mengoptimalkan fitur CSS yang kode-nya bisa kita tambahkan sendiri dari bagian User Styles tadi.
Terakhir, pastikan jangan lupa untuk men-generate ulang semua file script menggunakan PHPMaker 2021, seperti biasa.
Lalu setelah itu, buka Aplikasi Web dari browser, dan pastikan sudah memuat ulang file .css yang terakhir di-generate oleh PHPMaker 2021 tadi. Lakukan hard refresh, atau tampilkan isi dari file .css tadi dari View Page Source.
Setelah login menggunakan username admin dan password master, lalu buka menu List Order Details, maka sekarang kita sudah tidak lagi melihat tulisan TOTAL: di baris aggregate dari table yang menampilkan data order details. Demikian juga nilai penjumlahannya sekarang ditampilkan dengan tulisan cetak tebal (bold), dan juga sudah rata kanan.
Betapa mudah dan cepatnya menerapkan kebutuhan tadi dari PHPMaker 2021. Hanya dengan sedikit kode PHP dan CSS itu saja, kita sudah bisa menyesuaikan teks pada baris Aggregate dari table yang terdapat di halaman List.
O iya, sebagai penutup, sengaja saya tampilkan beberapa artikel yang terkait dengan topik bahasan kita kali ini. Tujuannya, supaya jika Anda saat membuka beberapa artikel di bawah ini, Anda masih bisa melihat keterkaitan antar artikel-artikel tersebut dengan artikel yang membahas PHPMaker versi terakhir saat artikel ini saya tulis:
– Mudahnya Membuat Teks Fungsi Aggregate Menjadi Bold dan Rata Kanan
– Mudahnya Menghilangkan Tulisan Total di Bawah Tabel Halaman List
– Alternatif Cara Membuat Nilai Total Rata Kanan di Aplikasi Web dari PHPMaker
– Mudahnya Membuat Nilai Total di Preview Row Menjadi Bold dan Rata Kanan dari PHPMaker
Tinggalkan Balasan