Cara Menggunakan Custom UI Editor

Daftar Isi

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.

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:
   
   
   
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:
   
   
   
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)

Download

Begitulah Cara Menggunakan Custom UI Editor. Semoga Bermanfaat....