Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Mudahnya Mengubah Icon di Tombol pada Aplikasi Web dari PHPMaker
Menyimpan Data ke Dua Table Sekaligus di Aplikasi Web dari PHPMaker
Antara Page_Load dan Page_Render di Aplikasi Web dari PHPMaker

Mudahnya Mengubah Icon di Tombol pada Aplikasi Web dari PHPMaker

Sel, 16 Juni 2015 oleh Masino Sinaga 8 Komentar

Sejak versi 11, PHPMaker mengoptimalkan penggunaan glyphicon untuk menampilkan icon di beberapa tombol. Contoh, untuk tombol Add PHPMaker menggunakan icon glyphicon-plus yang bergambar tanda plus besar berwarna hitam, untuk tombol Delete PHPMaker menggunakan icon glyphicon-trash yang bergambar keranjang sampah, dan sebagainya.

Pertanyaannya adalah, bagaimana cara kita bisa mengetahui bahwa PHPMaker menggunakan icon-icon dari glyphicon tersebut selain dari menampilkan kode HTML (View Page Source) dari browser? Jangan khawatir, karena PHPMaker sudah menyederhanakan hal ini dengan mendefinisikannya dalam file bahasa berekstensi .xml.

Contoh, jika Anda baru pertama kali menginstal PHPMaker, maka Anda seharusnya baru memiliki sebuah file .xml yang bernama english.xml di dalam sub-folder languages di bawah folder instalasi PHPMaker Anda.

Sekarang perhatikan phrase berikut di dalam file tersebut:

<phrase id="AddLink" value="Add" class="glyphicon glyphicon-plus ewIcon"/><!-- v11 -->

Itu adalah phrase yang digunakan untuk menampilkan icon di tombol Add pada Aplikasi Web yang dihasilkan oleh PHPMaker. Dia memiliki id yang bernama AddLink dengan tulisan Add pada property value yang akan muncul sebagai tooltip ketika Pengguna menempatkan kursor mouse di atas tombol Add. Dia juga menggunakan kombinasi class glyphicon-plus milik Twitter Bootstrap 3 dan class ewIcon yang dibuat oleh PHPMaker.

Hal yang serupa dengan icon di atas itu bisa kita lihat untuk tombol Delete, dengan kode phrase sebagai berikut:

<phrase id="DeleteLink" value="Delete" class="glyphicon glyphicon-trash ewIcon"/><!-- v11 -->

Dari dua contoh phrase tersebut, maka kita bisa menyimpulkan bahwa PHPMaker sangat cerdik mengoptimalkan class glyphicon milik Twitter Bootstrap 3 untuk menampilkan icon pada tombol tertentu. Cerdik, karena PHPMaker menyederhanakan penggunaan class pada phrase tertentu melalui file .xml tadi.

Mungkin di antara Anda ada yang bertanya, lalu bagaimana jika seandainya kita ingin mengubah atau menghilangkan icon tersebut? Hehe, jawabannya sangatlah mudah. Untuk mengubah icon tersebut, maka Anda tinggal mengubah nama class yang digunakan tadi menjadi nama class yang sudah Anda definisikan sendiri.

Sedangkan untuk menghilangkan icon tersebut, maka Anda cukup hanya menghilangkan property class dari phrase yang bertalian. Contoh, untuk tombol Add di atas, maka hasilnya menjadi ini:

<phrase id="AddLink" value="Add"/><!-- v11 -->

Tentu saja Anda harus melakukan hal yang sama pada file .xml lainnya yang Anda miliki pada sub-folder languages tadi. Terakhir, jangan lupa, Anda juga harus men-generate ulang file bahasa yang berekstensi .xml tersebut dari bagian Other files pada jendela dialog Generate.

Betapa mudah, cepat, dan menyenangkan sekali, bukan? 🙂

Ditempatkan di bawah: PHPMaker Ditag dengan:Belajar PHPMaker, english.xml, Language, multi language, 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, ilovephpmaker.com, dan phpmakerprojects.com.

Menyimpan Data ke Dua Table Sekaligus di Aplikasi Web dari PHPMaker
Antara Page_Load dan Page_Render di Aplikasi Web dari PHPMaker

Komentar

  1. trie mengatakan

    Kam, 24 Maret 2016 pada 1:26 pm

    Bisa minta tolong contohnya pak……sy harus simpan dimana icon add (tambah) tersebut dan clas nya seperti apa…..trims

    Balas
    • Masino Sinaga mengatakan

      Kam, 24 Maret 2016 pada 2:26 pm

      Icon tersebut sudah satu kesatuan dari framework Bootstrap yang digunakan oleh PHPMaker. Class icon Add sudah ada contohnya di atas. Silahkan baca ulang dengan teliti artikelnya.

      Balas
  2. trie mengatakan

    Kam, 24 Maret 2016 pada 2:51 pm

    Mantap phpmaker…..baru paham pak….tq masukanya

    Balas
    • Masino Sinaga mengatakan

      Kam, 24 Maret 2016 pada 4:39 pm

      Sama-sama.

      Balas
  3. tacan mengatakan

    Sab, 20 Juli 2019 pada 6:01 pm

    Halo Mas Masino,

    Saya pengguna PHPMAKER newbie dan baru banget mencoba2 PHPMAKER..
    Saya mau tanya kalau utk menghilangkan Icon PHPMAKER di pojok kiri atas sama footernya bagaimana ya pak? mau saya ganti icon sendiri dan copyright sendiri..

    mohon pencerahannya

    Balas
    • Masino Sinaga mengatakan

      Sab, 20 Juli 2019 pada 10:44 pm

      Hai tacan,

      Anda bisa menghapus icon dan footer masing-masing dari bagian HTML -> General -> Site icon, dan Footer text pada project PHPMaker Anda.

      Penting untuk diingat, bahwa pengaturan teks yang berada di footer tersebut hanya aktif jika PHPMaker yang Anda gunakan adalah versi yang sudah memiliki License Key. Jika masih pakai versi trial, maka pengaturan Footer text tadi menjadi tidak aktif (disabled).

      Balas
  4. anonymous mengatakan

    Sen, 18 Juli 2022 pada 1:51 pm

    pak bagaimana ya cara kita ganti icon user yg di navbar atas dengan photo profile user?

    Balas
    • Masino Sinaga mengatakan

      Sen, 18 Juli 2022 pada 3:54 pm

      Anda bisa menggunakan server event Page_Foot. Baca dokumentasinya.

      Balas

Tinggalkan Balasan Batalkan balasan

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

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses

Pos-pos Terbaru

  • Mudahnya Mengubah Nilai Delay Auto Hide Success Message di PHPMaker 2025
  • Mudahnya Berpindah Layout dari Table ke Cards di Halaman List lewat PHPMaker 2025
  • Jangan Lupa Pakai AdjustSql Saat Insert atau Update Data Lewat ExecuteStatement
  • File-File yang Wajib Diperhatikan Setelah Menambah Item User Values di PHPMaker 2025
  • Begini Cara Memuat Tables dari Database Secara Dinamis di PHPMaker 2025

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Mudahnya Menyesuaikan Timezone di Calendar Report pada PHPMaker 2023
  • Nano pada Mudahnya Menyesuaikan Timezone di Calendar Report pada PHPMaker 2023
  • Charly pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Charly pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Masino Sinaga pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Projects
  6. 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 - 2025 | WordPress | Catat masuk | Kembali ke atas