Documentation Center

Creating a new group on an existing tab

The ribbon-group element can be used to create groups of buttons on a tab.

<ribbon-group id="TestCustomIconGroup" label="Testing Custom Icons" after="ViewGroup">     
  <ribbon-bigbutton role="strong" label="Stronger Button" iconsrc="/image/icon-32x32.png" available="true"/>
</ribbon-group>

The ribbon-flowgroup element can be used for aligning small and normal dropdown buttons in the ribbon toolbar.

<ribbon-group id="TestCustomIconGroup" label="Testing Custom Icons" after="ViewGroup">     
  <ribbon-flowgroup>
    <ribbon-smallbutton role="unorderedlist" label="Button 1" />
    <ribbon-normalbutton role="unorderedlist" label="Button 2" />
    <ribbon-normalbuttondropdown role="unorderedlist" label="Button 3" />
  </ribbon-flowgroup>
</ribbon-group>

Supported Ribbon Buttons: