Documentation Center

How to add a new tab on the ribbon toolbar?

The <ribbon-tab> element can be used to add a new tab on the ribbon toolbar.

<x:overlay xmlns="http://xopus.com/2009/lui">
  <ribbon-tab id="CustomTab" after="HomeTab">
    <ribbon-group id="CustomGroup" label="Formatting">
      <ribbon-bigbutton role="strong" />
      <ribbon-bigbutton role="emphasis" />
      <ribbon-bigbutton role="underline" />
    </ribbon-group>
  </ribbon-tab>
</x:overlay>

To position the new UI elements, or to hide existing ones, you can reference items by their ID. Here are the list of IDs of components in the ribbon toolbar:

  • HomeTab
  • InsertTab
  • TableOfContentTab
  • TableTab