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: