CustomUI : Split Button

Pada materi sebelumnya kita sudah belajar bagaimana membuat Button pada Ribbon Office baik itu Button MSO ataupu Button Custom

Button-button yang telah dibuat bisa dikelompokan menjadi 1 button khusus. Ada dua jenis pengelempokan Button.

Yang pertama Split Button dan yang kedua Menu Button.

Sekarang kita bahas terlebih dahulu Split Button

Mengelompokan Button kedalam Split Button

Split Button adalah jenis tombol yang menggabungkan tombol utama dengan menu dropdown. Ini memungkinkan pengguna untuk memiliki satu aksi utama dan opsi tambahan dalam bentuk menu.

misalnya pada materi sebelumnya kita sudah membuat 3 button, ada button Input, Cari dan Cetak

<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="Split 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>

Hasilnya sebagai berikut

Terlihat bahwa ada tiga button yang sudah dibuat. Ketiga button ini, bisa dikelompokan menjadi 1 button khusus menggunakan Split Button. Sintak dari Split Button Sebagai berikut :

<splitButton id="SplitButtonID">
<button id="NamaButton"/>
</menu>
   ... button disini
   ... button disini
</menu>
</splitButton>

Misalnya pada ketiga button diatas ingin dikelompokan menjadi satu button khusus yang diberinama “Menu pesanan”, maka pada XML nya bisa dibuat sebagai berikut :

<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="Split Button">
            <splitButton id="SplitButton1">
                <button id="MainButton" label="Menu Pesanan" onAction="MainAction"/>
                <menu>
                    <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>
            </splitButton>
        </group>
      </tab>
    </tabs>
  </ribbon>
</customUI>

dan hasilnya sebagai berikut :

Attribut size pada split button tidak valid, sehingga tidak bisa menggunakan size pada split button