CustomUI : Menu Button

Pada materi sebelumnya kita sudah belajar bagaimana mengelompokan button dengan menggunakan Split Button.

Selain dengan Split Button, untuk mengelompokan Button agar menjadi satu button khusus juga bisa melalui Menu button.

Menu button dalah jenis pilihan yang menggabungkan tombol kedalam menu dropdown. Ini memungkinkan pengguna untuk memiliki opsi dalam bentuk menu.

Perbedaannya dengan Split Button adalah pada Menu button, Menu label atau Tombol Pilihan tidak menjadi sebuah button melainkan hanya sebuah label saja.

Sintak dari menu button

<menu id="Idmenu" label="LabelMenu">
  ...Button...
  ...Button...
</menu>

Pengelompokan kedua ini terlihat lebih simple dari sebelumnya, karena hanya tinggal menambahkan menu dan juga label menu.

Misalnya sebelumnya kita sudah membuat tiga button, ada input pesanan, cari pesanan dan juga cetak pesanan.

Seperti script XML yang saya buat dibawah ini:

<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
  <ribbon startFromScratch="true">
    <tabs>
      <tab id="CustomTab" label="vba.co.id">
        <group id="Group1" label="Menu Button">
            <button id="BTinput" size="large" label="Input Pesanan" imageMso="NewMeetingRequestNumbered" onAction="InputPesanan"/>
            <button id="BTCari" size="large" label="Cari Pesanan" imageMso="ResearchPane" onAction="Caripesanan"/>
            <button id="nota" size="large" label="Print Pesanan" imageMso="PrintAreaMenu" onAction="Printnota"/>
        </group>
      </tab>
    </tabs>
  </ribbon>
</customUI>

Dan berikut hasil script diatas

jika ingin mengelempokan ketiga button diatas menjadi satu button saja dengan menggunakan menu, maka script XML bisa diubah menjadi

<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
  <ribbon startFromScratch="true">
    <tabs>
      <tab id="CustomTab" label="vba.co.id">
        <group id="Group1" label="Menu Button">
             <menu id="Idmenu" label="Menu Pesanan">
                <button id="BTinput" label="Input Pesanan" imageMso="NewMeetingRequestNumbered" onAction="InputPesanan"/>
                <button id="BTCari" label="Cari Pesanan" imageMso="ResearchPane" onAction="Caripesanan"/>
                <button id="nota" label="Print Pesanan" imageMso="PrintAreaMenu" onAction="Printnota"/>
             </menu>
        </group>
      </tab>
    </tabs>
  </ribbon>
</customUI>

Dan hasilnya akan terlihat seperti berikut ini

Sepintas mungkin ini akan terlihat sama seperti Split Button.

Memang benar Split Button dan Menu Button menggunakan Attribut yang sama yaitu Menu. Yang membedakan antara Split button dan Menu Button adalah pada label menu, Split button memungkin kan untuk menambahkan sebuah Action Button, sedangkan Menu button tidak.

Dalam bahasa yang sederha Label pada Menu button hanya sebagai label saja, sedangkan label pada Split Button bisa berupa button yang didalamnya bisa ditambakan fungsi tertentu.