CustomUI : Separator

Untuk meningkatkan keterbacaan dan pengorganisasian perintah di dalam Ribbon, Microsoft Excel menyediakan fitur separator.

Separator ini berfungsi sebagai pemisah visual antar kelompok perintah dalam satu grup.

Fungsi Separator di Ribbon Excel

Separator digunakan untuk:

1. Meningkatkan Keterbacaan – Dengan adanya separator, pengguna lebih mudah mengenali kelompok perintah yang berbeda.
2. Mengorganisir Perintah – Dengan memisahkan perintah berdasarkan kategori atau fungsi, Ribbon menjadi lebih intuitif.
3. Mempermudah Navigasi – Pengguna dapat dengan cepat menemukan perintah yang diperlukan tanpa harus mencari secara mendetail.

Sintak Separator

Untuk sintaksis dari separator ini bisa ditulis seperti dibawah ini

<separator id="SeparatorID"/>

Contoh saya memiliki Tombol Menu A dan Menu B dan ingin dipisahkan dengan Separator maka pada XML bisa dibuat

<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
  <ribbon startFromScratch="true">
    <tabs>
      <tab id="CustomTab" label="vba.co.id Custom Tab">
        <group id="Group1" label="Group 1">
          <button id="Button1" imageMso="HappyFace" size="large" label="Menu A" />
          <separator id="Separator1"/>
          <button id="Button2" imageMso="Piggy" size="large" label="Menu B"/>
        </group>
      </tab>
    </tabs>
  </ribbon>
</customUI>

Masukan kedalam CustomUI Editor, dan berikut hasilnya

Jika terdapat beberapa separator, masukan ID yang berbeda untuk setiap separator, jika terdapat ID yang sama, maka XML akan menghasilkan keterangan Error

Ln 8, Col 23: 'Separator1' is already used as an ID.

Gunakan ID Separator yang berbeda untuk setiap Separator, Contohnya :

<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui">
  <ribbon startFromScratch="true">
    <tabs>
      <tab id="CustomTab" label="vba.co.id Custom Tab">
        <group id="Group1" label="Group 1">
          <button id="Button1" imageMso="HappyFace" size="large" label="Menu A1" />
          <button id="Button2" imageMso="HappyFace" size="large" label="Menu A2" />
          <separator id="Separator1"/>
          <button id="Button3" imageMso="Piggy" size="large" label="Menu B1"/>
          <button id="Button4" imageMso="Piggy" size="large" label="Menu B2"/>
          <button id="Button5" imageMso="Piggy" size="large" label="Menu B3"/>
          <separator id="Separator2"/>
          <button id="Button6" imageMso="SadFace" size="large" label="Menu C1"/>
        </group>
      </tab>
    </tabs>
  </ribbon>
</customUI>

Berikut Hasilnya