Masino Sinaga

Web Development, PHPMaker, & PHP Report Maker

Anda di sini: Beranda / PHPMaker / Peningkatan Indentasi Item Sub Menu di Sidebar pada PHPMaker 2019
Good Bye, AdminLTE 3; Welcome, Beautiful Template!
Penanganan Item Menu yang Memiliki Teks Panjang di PHPMaker 2019

Peningkatan Indentasi Item Sub Menu di Sidebar pada PHPMaker 2019

Februari 7, 2019 oleh Masino Sinaga 2 Komentar

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. 🙂

Ditempatkan di bawah: PHPMaker Ditag dengan:AdminLTE 3, Belajar PHPMaker, Bootstrap 4, PHPMaker 2019, PHPMaker Indonesia, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com dan ilovephpmaker.com.

Good Bye, AdminLTE 3; Welcome, Beautiful Template!
Penanganan Item Menu yang Memiliki Teks Panjang di PHPMaker 2019

Comments

  1. Diyas mengatakan

    Maret 6, 2019 pada 2:03 pm

    Mantap banget, Mas, minta nomor kontaknya dong, mau beli dan kursus nih, terima kasih

    Balas
    • Masino Sinaga mengatakan

      Maret 14, 2019 pada 5:24 pm

      Terima kasih. Barusan sudah saya kirim nomor kontak saya ke Email Anda.

      Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pos-pos Terbaru

  • Mudahnya Memeriksa Pengguna Apakah Sudah Diaktivasi di PHPMaker 2020
  • Scrolling Table di Halaman User Privileges pada PHPMaker 2020
  • Video Masino Extensions untuk PHPMaker 2020
  • Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Horeeeee … PHPMaker 2020 Sudah Dirilis

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Masino Sinaga pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Rudy Budiana pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Rudy Budiana pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis
  • Masino Sinaga pada Silahkan Download, Masino Extensions untuk PHPMaker 2020 Sudah Dirilis

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2019 | WordPress | Catat masuk | Kembali ke atas