ribbon-group
The ribbon-group is a UI element that is used to group buttons together into a logical group.
Description
The ribbon-group element can be used to create a custom group of buttons in a ribbon-toolbar.
Attributes
| Name | Description and Use | Type |
|---|---|---|
after | Optional The ribbon-group will be positioned after the UI component with this id | string, valid UI element ID |
available | Optional When false the group will no longer be available in the toolbar | boolean |
before | Optional The ribbon-group will be positioned before the UI component with this id | string, valid UI element ID |
id | Optional The ID of this group | string, valid UI group ID |
label | The label displayed below the groups contents | string |
Example
You can find the complete set of examples for configuring the ribbon-toolbar in the topic for the overlay element.
Groups can be created using the ribbon-group element.
<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>
Parent element
overlay