Minggu, 27 April 2014

Cara Menggunakan Custom UI Editor

Rumus Excel [.] com - Untuk memudahkan membuat Custom Ribbon dibutuhkan sebuah Tools atau aplikasi yang bernama Office Custom UI Editor.

Bagi yang belum tahu apa itu Ribbon dan dimana download Tools Custom UI Editor bisa baca artikel Apa itu Custom Ribbon Excel ?? terlebih dahulu.

Setelah proses download selesai, lalukan Unzip pada file Office Custom UI Editor Setup.zip dan hasilnya akan ada file Office Custom UI Editor Setup.msi.

Klik dua kali (double klik) pada file tersebut untuk memulai Instalasi dan ikuti semua proses instalasinya sampai selesai.

Tampilan Custom UI Editor setelah sukses terinstal adalah sebagai berikut.

Custom UI Editor

Untuk Menggunakan Custom UI Editor caranya adalah:

  1. Klik Tombol Open atau tekan Ctrl+O atau bisa juga klik Menu File - Open, kemudian pilih file Excel (*.xlsx atau *.xlsm) yang ingin ditambahkan Custom Ribbon.
  2. Klik kanan pada Workbook dan pilih Office 2010 Custom UI Part atau Office 2007 Custom UI Part untuk membuat File CustomUI14.xml atau CustomUI.xml, sebagai contoh saya memilih yang Office 2007 Custom UI Part.

  3. Klik pada CustomUI.xml dan coba masukkan coding XML seperti yang terlihat pada gambar berikut ini:


    Keterangan:
    <customUI xmlns="http://schemas.microsoft.com/office/2006/01/customui"> 
    ... 
    </customUI>
    
    Kode XML diatas adalah XML pembuka dan penutup, kode ini harus ada setiap membuat Custom Ribbon.

    Sedangkan kode XML di bawah ini:
    <ribbon>
      <tabs>
        <tab id="TabBaru" label="Latihan" insertAfterMso="TabHome">
          <group id="Emoticon" label="Emoticon">
            <button id="senyum" imageMso="HappyFace" label="Senyum" size="large" onAction="Tersenyum" />
            <separator id="Separator" />
            <button id="sedih" imageMso="SadFace" label="Sedih" size="large" onAction="Sedih" />
          </group>
        </tab>
      </tabs>
    </ribbon>
    
    digunakan untuk Membuat Tab Ribbon baru dengan nama Latihan (label="Latihan") yang diletakkan setelah Tab Home (insertAfterMso="TabHome").

    Kemudian di tambahkan 2 Tombol dengan Image Senyum (imageMso="HappyFace") dan Image Sedih (imageMso="SadFace").

    Pada Tombol senyum dan Sedih tersebut jika di klik akan menampilkan perintah dari kode macro dengan Sub Tersenyum (onAction="Tersenyum") dan Sub Sedih (onAction="Sedih").
  4. Setelah selesai memasukkan semua code XML, klik pada tombol Validate untuk memeriksa apakah code XML yang ditulis sudah benar atau mungkin masih ada kesalahan.

    Jika XMLnya sudah benar akan tampil pesan seperti gambar dibawah ini:

  5. Setelah itu klik Save untuk menyimpan dan coba buka dengan Microsoft Excel jika benar hasilnya seperti gambar dibawah ini:

    Latihan Custom Ribbon
  6. Selanjutnya buat sebuah Module dengan cara tekan Alt+F11 untuk membuka jendela Visual Basic, kemudian klik menu Insert - Module dan masukkan coding berikut pada module code:

    VBA Custom UI Editor
  7. Terakhir coba klik Tombol Senyum atau Tombol Sedih, maka akan tampil sebuah pesan. Selamat Mencoba....

Lampiran

Latihan Custom Ribbon Excel Macro-Enabled Workbook (xlsm)
Begitulah Cara Menggunakan Custom UI Editor. Semoga Bermanfaat....
20 komentar
  1. Terima kasih sudah berbagi ilmu Custom UI. Pertanyaannya bisakah custom ui diprotek agat tidak diutak atik oleh yang tidak berhak dan bisakah ikon officenya diubah / diganti dg ikon yang kita buat sendidri? Bagaimana caranya?

    BalasHapus
    Balasan
    1. Untuk memprotect custom UI atau xmlnya sepertinya tidak bisa, sedangkan kalo ingin mengubah icon atau gambar untuk tombol, tinggal insert gambar aja lewat Custom UI Editor.

      Hapus
  2. Makasih atas jawaban / informasinya. Telah saya coba dan berhasil. Sekali lagi terimakasih........buaaanyaaak....

    BalasHapus
  3. klo mo buka(menjalankan) custom ui nya file exenya dimana masbro... sudah terinstall sukses,. tapi mo buka aplikasinya bingung... newbi masbro..

    BalasHapus
    Balasan
    1. Caranya klik tombol Start - All Programs - Custom UI Editor For Microsoft Office

      Hapus
  4. untuk membuat Command Button sendiri yg berjejer kesamping seperti bawaan office pada toggleButton (Bold,Italic,Underline).. kodenya gmana mas..? mohon bimbingannya

    BalasHapus
    Balasan
    1. Sebelumnya harus ditentukan dulu apa yang mau ditampilkan, untuk itu harus tahu idMso dari masing-masing tombol pada Office. Silahkan pelajari penggunaan idMso pada artikel ini:
      Cara Mengetahui idMso dan imageMso pada Ribbon Excel

      Hapus
    2. saya sudah coba membuat command button sendiri, tetapi untuk membuat command yang kedua agak susah, Tolong share dong codding untuk modifikasinya

      Hapus
  5. Salam Hormat
    maaf mas, bagaimana kode untuk membuat button dan sub button (atau apapun namanya)?
    mohon bimbingannya

    BalasHapus
  6. Salam hormat mas,
    Bagaimana yaa caranya menyembunyikan tampilan menu-menu di backstage view seperti Save dsb. Melalui custom UI.... mohon bimbingan codingnya dan caranya... trmksh.

    BalasHapus
  7. bagaimana cara menampilkan kembali menu toolbar bawaan office

    BalasHapus
  8. Mohon solusinya. Custom UI Part yang sudah saya buat tidak bisa tersimpan di file Excel saya punya

    BalasHapus
    Balasan
    1. Masih belum jelas sebab tidak bisa di simpannya, waktu ngedit file excel dengan CUSTOM UI jangan buka File Excel tsb dengan aplikasi Excel dulu.

      Hapus
  9. Untuk Excel 2016 gak bisa ya ini? Saya sudah coba beberapa kali gak bisa berubah

    BalasHapus
    Balasan
    1. Harusnya gak ada masalah, namun sebaiknya untuk Excel 2010 ke atas gunakan UI Part yang 2010.

      Hapus
    2. Min kenapa pas lg di validate muncul pesan Unkown namespace http://schemas.microsoft.com/office/2006/01/customui

      Hapus
    3. Periksa lagi biasanya ada nama yang salah ketik, ingat juga penulisan kode XML sangat Case Sensitive jadi harus benar-benar teliti

      Hapus
  10. bagaimana cara agar aplikasi ini bisa bisa work disemua versi office? 2007, 2010, 2013, 2016.

    BalasHapus


EmoticonEmoticon